自动刷新与热更新HMR
通过webpakc-dev-server启动的项目具备自动刷新的功能
默认屏蔽/node_modules/文件夹
监听文件修改并且热更新页面,而且不会主动去打包生成dist目录,而是打包生成的文件都放在内存中。
devServer常见属性的配置
- open: true 启动服务后自动打开浏览器
- port: 8000 端口项,默认8080
- proxy: {} 正向代理配置
模块热替换 Hot Module Repalcement【热更新】
在源代码中对 CSS/JS 进行修改,会立刻在浏览器中进行更新,相当于在浏览器 devtools 直接更改样式。
HMR两种启用方法
- 1、在package.json中的启动命令配置--hot
- 2、在devServer中配置hot为true,并且使用webpack自带插件HotModuleReplacementPlugin