webpack配置热更新
安装webpack-dev-server
自动刷新
-
iframe模式
-
inline模式
以命令行启动webpack-dev-server
- 在命令行中添加 --inline 命令
- 在 webpack.config.js 中添加 devServer:
热模块更换
- 加 --hot 指定
访问
http://localhost:8080
这样只要代码更新就会自动编译,然后刷新即可。
补充
可以直接把命令参数放入script执行的时候,例如这样:
"scripts": {
"build": "webpack",
"dev": "webpack-dev-server --progress --inline --hot"
},
--progress参数表示当前的进度