您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
06 搭建訂閱轉換網站(如何自己建設獨立的B2C商城)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-05 04:54:09【】1人已围观
简介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。
很赞哦!(22)
相关文章
- 02 clarins防曬霜多少錢(【護膚】求教各位美女了,請大家給點意見(經驗))
- 02 clarins防曬霜多少錢(【護膚】求教各位美女了,請大家給點意見(經驗))
- 03 河南工業貿易職業學院招生專業代碼(河南各專一學校的代碼???????????????、)
- 03 河南陽光國際貿易有限公司(十大鍋爐品牌排行榜 鍋爐哪個牌子好)
- 02 買粉絲配置訂閱鏈接是什么格式(opencash配置訂閱失敗)
- 02 買粉絲訂閱是什么意思(2022機場1元訂閱地址)
- 03 法國對外貿易學院排名(商學院國際排名)
- 03 河南對外經濟貿易職業學院鄭州校區學費(河南省教育學院怎么樣?)
- 03 泉州佳尚貿易有限公司(福建服裝品牌到底有多少)
- 03 法如國際貿易(上海)有限公司銷售主要是干什么(北京烤鴨哪個牌子的好吃)
热门文章
站长推荐
03 河南高速買粉絲二維碼在哪里(分享一下志愿活動獲取渠道和你的志愿服務經歷/經驗?)
03 法國高等對外貿易學院 國家承認嗎(大學相同的專業,普通的和中外合作辦學的有什么區別?)
03 泉州致遠貿易有限公司(怡口的介紹)
02 買粉絲訂閱轉換(shadowshare怎么用)
02 cfr貿易術語的變形包括(貿易術語的變形有沒有改變買賣雙方的費用承擔與風險劃分)
02 cfr貿易術語貨物滅失誰賠付(FOB、CIF、CFR三種貿易術語下,買賣雙方的責任義務劃分?)
02 CIF貿易術語含義接什么地名(2010年11種貿易術語后跟的地點都是哪里?能不能給歸納匯總一下。比如:FOB后跟裝運港名稱,cif后跟目地港)
03 河南省海外旅游有限公司永新分公司電話(河南省概況詳細!)