HMR,js文件更新

来源:3-10 Hot Module Replacement 热模块更新(2)

_劲

2020-03-14

index.js
number.js
webpack.config.js
然后我更改index.js文件中的值为333,number.js中的值为444
页面
问题如上图,只有number变化了,index.js并没有发生变化。

if (module.hot) {
    module.hot.accept('./index.js', () => {
        number();
        indexHtml();
    })
}

而且上面这段代码,假如添加到index.js是没有效果的。
我感觉是监听不了index.js文件的变化,所以修改index.js文件,或者更改index.js文件再输出,是没有效果的。

想问一下,怎么才能监听到index.js文件的变化,并且HMR能对index.js文件起作用呢?

写回答

1回答

Dell

2020-03-15

你可以再index不写逻辑,内部再引入一个js文件,去写逻辑,把module.hot.accept写在最外层无逻辑的文件里就可以了。

0
1
_劲
非常感谢!
2020-03-15
共1条回复

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程