您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
06 搭建訂閱轉換網站(如何自己建設獨立的B2C商城)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-23 10:52:34【】6人已围观
简介quot;style-loader","css-loader!買粉絲prefixer-loader"),exclude:/node_moles/},//使用less-lo
exclude: /node_moles/
},
// 使用less-loader、css-loader和style-loade 加載 .less 結尾的文件
{
test: /\.less$/,
// 將樣式抽取出來為獨立的文件
loader: ExtractTextPlugin.extract("style-loader", "css-loader!買粉絲prefixer-loader!less-loader"),
exclude: /node_moles/
},
// 加載圖片
{
test: /\.(png|jpg|gif)$/,
loader: 'url-loader',
query: {
// 把較小的圖片轉換成base64的字符串內嵌在生成的js文件里
limit: 10000,
// 路徑要與當前配置文件下的publicPath相結合
name:'../img/[name].[ext]?[hash:7]'
}
},
// 加載圖標
{
test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
loader: 'file-loader',
query: {
// 把較小的圖標轉換成base64的字符串內嵌在生成的js文件里
limit: 10000,
name:'../fonts/[name].[ext]?[hash:7]',
prefix:'font'
}
},
]
},
// 配置插件項
plugins: []
}
2.webpack.dev.買粉絲nfig.js(開發環境下的配置文件)
// 引入依賴模塊
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('買粉絲-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
// 引入基本配置
var 買粉絲nfig = require('./webpack.買粉絲nfig.js');
// 必須修改原配置中網站運行時的訪問路徑,相當于絕對路徑,修改完之后,當前配置文件下的很多相對路徑都是相對于這個來設定;
// 注意:webpack-dev-server會實時的編譯,但是最后的編譯的文件并沒有輸出到目標文件夾,而是保存到了內存當中
買粉絲nfig.output.publicPath = '/';
// 重新配置模塊加載器
買粉絲nfig.mole= {
// test是正則表達式,匹配要處理的文件;loader匹配要使用的loader,"-loader"可以省略;include把要處理的目錄包括進來,exclude排除不處理的目錄
loaders: [
// 使用vue-loader 加載 .vue 結尾的文件
{
test: /\.vue$/,
loader: 'vue-loader',
exclude: /node_moles/
},
// 使用babel 加載 .js 結尾的文件
{
test: /\.js$/,
loader: 'babel',
exclude: /node_moles/,
query:{
presets: ['es2015', 'stage-0'],
plugins: ['transform-runtime']
}
},
// 使用css-loader、買粉絲prefixer-loader和style-loader 加載 .css 結尾的文件
{
test: /\.css$/,
// 將樣式抽取出來為獨立的文件
loader: ExtractTextPlugin.extract("style-loader", "css-loader!買粉絲prefixer-loader"),
exclude: /node_moles/
},
// 使用less-loader、買粉絲prefixer-loader、css-loader和style-loade 加載 .less 結尾的文件
// 監聽 8888 端口,開啟服務器
app.listen(8888, function (err) {
if (err) {
買粉絲nsole.log(err);
return;
}
買粉絲nsole.log('Listening at localhost:8888');
})
5.dev-client.js(配合dev-server.js監聽買粉絲文件改動也能夠觸發自動刷新)
// 引入 webpack-hot-middleware/client
var hotClient = require(買粉絲.cdccgs.買粉絲?middleware/client');
// 訂閱事件,當 event.action === 'reload' 時執行頁面刷新
hotClient.subscribe(function (event) {
if (event.action === 'reload') {
window.location.reload();
}
})
五、為了不必每次構建項目都要輸入webpack --display-moles --display-chunks --買粉絲nfig build/webpack.買粉絲nfig.js這條長命令,我們在package.js文件中修改“scripts”項:
"scripts": {
"build":"webpack --display-moles --display-chunks --買粉絲nfig build/webpack.買粉絲nfig.js",
"dev":"node ./build/dev-server.js"
}
注意:package.js中不能有注釋。
這樣,我們就可以通過執行 npm run build 來進行構建,同時還增加了一條開啟開發服務器的命令 npm run dev。
很赞哦!(151)
相关文章
- 01 廣西職業師范學院國際經濟與貿易畢業能當教師嗎(現在準備學的專業是國際經濟與貿易,這以后可以當教師嗎?)
- 02 canton spirituals youtube 買粉絲s(Pearly Gates 歌詞)
- 02 8023在社交媒體中的流行度(現代流行的網絡詞語有哪些?)
- 02 6月份進出口貿易(求中國的進出口貿易政策(詳細))
- 01 廣西市場監管買粉絲(廣西銀監會投訴電話是多少?)
- 01 廣西禁毒買粉絲二維碼在哪里(湖北十堰禁毒買粉絲二維碼在哪里)
- 02 b2b和b2c哪個已納入海關一般貿易統計(跨境電商和進出口有什么區別?)
- 02 6月份外貿出口數據(現在做外貿做哪些產品比較容易上手,好賺錢?我是個新手請高人指點指點拜托了各位 謝謝)
- 02 app youtube music windows下載錯誤(哪個網站可以上傳自己的音樂)
- 01 廣西晟世欣興格力貿易有限公司怎么樣(廣西晟世欣興格力貿易有限公司電話是多少?)
热门文章
站长推荐
02 8月份外貿進出口數據(8月份的出口數據大幅度下降,到底是好事還是壞事?)
01 廣西網紅表哥怎么了(抖音廣州表哥怎么火起來的?)
01 廣西老干部買粉絲關注(山西老干部如何買粉絲關注買粉絲?)
02 ask to do something例句(怎么樣用“ask sb to do sth”造句?)
02 cars cars on youtube(《Santa Claus is Coming to Town》 的歌詞)
02 7歲兒童雜志訂閱排行榜(高中生雜志訂閱排行榜)
01 廣西自由貿易試驗區南寧片區范圍(廣西自由貿易試驗區四至范圍)
01 廣西水果2022年進口貿易數據(2022年水果發票稅率是多少)