05 訂閱轉換搭建(怎么實現買粉絲小程序登錄鑒權)

p>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。

很赞哦!（144）