webpack打包学习笔记03-模块热替换

模块热替换

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新。本页面重点介绍其实现，而 概念 页面提供了更多关于它的工作原理以及为什么它有用的细节。

上篇开发模块讲到了webpack-dev-server这个插件，可以不用刷新直接reload页面，也就是说，这里的reload其实是更新，一旦修改页面js，就会触发热更新，现在要配置的是热替换，针对的是局部更新，对大型项目而言，不可能忍受等待十几秒去重新编译和预览

webpack-dev-server更新时：

更新前，自己输入任意数字到输入框（输入数字为了区分页面是否刷新）

更新后，此时数字已经消失，说明webpack-dev-server是默认重新加载页面

模块热替换的方式：

webpack.config.js

const path