热重载 热更新

热重载

所谓热重载就是页面每次改动，不需要手动去刷新，可自动刷新。
使用webpack的Hot Module Replacement API，Vuex支持开发过程中热重载mutation、module、action、getter。

 

热更新

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

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

使用：

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