12 HMR的使用

HMR的使用

实现效果:网页不刷新,只进行局部刷新

需要对某个模块进行热更新时,可以通过module.hot.accept方法进行文件监视

只要模块内容发生变化,就会触发回调函数,从而可以重新读取模块内容,做对应的操作

只会对更新的内容打包
仅适用于开发环境

if (module.hot) {
  module.hot.accept('./hot.js', function() {
    //hotmodule更新时触发
    console.log('hot.js更新了');
    let str = require('./hot.js')
    console.log(str)
  })
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容