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)
  })
}

你可能感兴趣的:(12 HMR的使用)