如何配置webpack热更新
# 如何配置webpack热更新
- webpack模板配置方式
...
devServer: {
contentBase: path.resolve(__dirname, 'dist'),
hot: true,
historyApiFallback: true,
compress: true
},
...
plugins: {
HotModuleReplacementPlugin: new webpack.HotModuleReplacementPlugin()
},
...
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
- vue-cli配置方式
...
deServer{
disableHostCheck:true //webpack4.0 开启热更新
},
...
1
2
3
4
5
2
3
4
5
package.json 文件中:
"dev": "vue-cli-service serve && webpack-dev-server --open"
1
# 参考文章链接
Webpack 如何配置热更新 (opens new window)
vuecli4热更新 (opens new window)