热重载、热更新

热更新/ 热模块替换 hot module replacement

热更新：浏览器的无刷新更新（即webpack里的HMR-hot module replacement模块热替换）【允许在运行时替换，添加，删除各种模块，而无需进行完全刷新重新加载整个页面】
目的：加快开发速度，所以只适用于开发环境下使用
思路：

• 保留在完全重新加载页面时丢失的应用程序的状态
• 只更新改变的内容，以节省开发时间
• 调整样式更加快速，几乎等同于在浏览器调试器中更改样式

使用：

• 引入webpack库
• 使用了new webpack.HotModuleReplacementPlugin()
• 设置devServer选项中的hot字段为true

热重载 hot reload

开发阶段，如果每次文件变更后，都要手动去打包是很不方便的。
通常在开发阶段采用以下三种方式进行热重载

• webpack的Watch Mode
• webpack-dev-server
• webpack-dev-middleware