我已经用Webpack做了大约两年的实验,并将我所有的新开发都从Gulp切换到了Webpack。从那时起,我一直在犹豫是否要将专门针对HMR逻辑的代码添加到我的源文件中,但后来发现,以下代码适用于我所有的源文件,实际上只需在我的源入口点末尾添加三行代码:
if (module.hot) {
module.hot.accept();
}以上三行代码运行良好(至少在我遇到的用例中是如此),您不必在accept调用中指定单个文件。我所有的JavaScript (据我所知)和CSS在浏览器中几乎同时被替换,而不需要重新加载,这比在浏览器中实时重新加载并在每次保存文件时丢失整个应用程序状态要好得多。
问题是,像react-hot-loader,vue-hot-loader和angular-hot-loader这样的库的目的是什么,当(就我所认为的) HMR似乎仅仅通过遵循https://webpack.js.org/guides/hot-module-replacement官方网站上的指南就可以工作了?
发布于 2019-08-10 04:10:53
我仍然不能意识到这种热加载模块的重要性,而且一切似乎都像预期的那样工作,所以我得出结论,我的实现在没有它们的情况下也很好,直到将来有一天我会学到不同的东西。
https://stackoverflow.com/questions/54151403
复制相似问题