webpack热模块替换（HMR）/热更新的方法-创新互联

这是一篇关于webpack热模块替换的最简单的配置（不需要react），也称作热更新。

创新互联是少有的做网站、网站制作、营销型企业网站、微信平台小程序开发、手机APP,开发、制作、设计、卖链接、推广优化一站式服务网络公司,自2013年起,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评

模块热替换(HMR)的作用是，在应用运行时，无需刷新页面，便能替换、增加、删除必要的模块。 HMR 对于那些由单一状态树构成的应用非常有用。因为这些应用的组件是 “dumb” (相对于 “smart”) 的，所以在组件的代码更改后，组件的状态依然能够正确反映应用的最新状态。

webpack-dev-server内置“live reload”，会自动刷新页面。

文件目录如下：

1. app
   1. a.js
   2. component.js
   3. index.js
2. node_modules
3. package.json
4. webpack.config.js

component.js中导入了a.js。index.js导入了component.js。修改任意一个文件，都能达到热更新功能。

最重要的是，在index.js中，有这样一段代码：（完成热更新必须需要）

if(module.hot){
  module.hot.accept(moduleId, callback);
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享标题：webpack热模块替换（HMR）/热更新的方法-创新互联
文章地址：http://bzwzjz.com/article/djdjgo.html