webpack配置热更新

安装webpack-dev-server

自动刷新

• iframe模式

• inline模式

以命令行启动webpack-dev-server

• 在命令行中添加 --inline 命令
• 在 webpack.config.js 中添加 devServer:{inline:true}

热模块更换

• 加 --hot 指定

访问

http://localhost:8080
这样只要代码更新就会自动编译，然后刷新即可。

补充

可以直接把命令参数放入script执行的时候，例如这样：

"scripts": {
    "build": "webpack",
    "dev": "webpack-dev-server --progress --inline --hot"
},

--progress参数表示当前的进度

参考链接

https://segmentfault.com/a/1190000006964335

转载于:https://www.cnblogs.com/sufubo/p/6938573.html