Skip to content

自动刷新与热更新HMR

通过webpakc-dev-server启动的项目具备自动刷新的功能

默认屏蔽/node_modules/文件夹

监听文件修改并且热更新页面,而且不会主动去打包生成dist目录,而是打包生成的文件都放在内存中。

devServer常见属性的配置

  • open: true 启动服务后自动打开浏览器
  • port: 8000 端口项,默认8080
  • proxy: {} 正向代理配置

模块热替换 Hot Module Repalcement【热更新】

hot的说明

在源代码中对 CSS/JS 进行修改,会立刻在浏览器中进行更新,相当于在浏览器 devtools 直接更改样式。

HMR两种启用方法

  • 1、在package.json中的启动命令配置--hot
  • 2、在devServer中配置hot为true,并且使用webpack自带插件HotModuleReplacementPlugin