(如轉(zhuǎn)載, 請(qǐng)注明出處)
1.如何使頁(yè)面自動(dòng)刷新, 有點(diǎn)類似熱重載,但更智能:
首先在webpack.config.js中引入webpack依賴: var webpack = require('webpack');
然后:
在devServer中添加hot: true字段
將ExtractTextPlugin中的disable字段改為true
在plugins中添加兩個(gè)插件:webpack.HotModuleReplacementPlugin和webpack.NamedModulesPlugin
更改此處為下圖
我們現(xiàn)在可以將app.js中的 var css = require('./app.scss');改為 import css from './app.scss';
這時(shí)我們運(yùn)行后再更改代碼時(shí)會(huì)看到窗口會(huì)自動(dòng)刷新了.
那么如何動(dòng)態(tài)配置自動(dòng)刷新呢? 接下來(lái)我們需要重新配置:
1. package.json中的javascript下的prod:
2. webpack.config.js中:
