大约两年以来,我一直在尝试Webpack,并将所有新开发工作从Gulp切换到Webpack。从那时起,我一直在犹豫是否要向我的源文件中添加专门用于HMR逻辑的代码,但后来发现以下内容适用于我的所有源文件,并且在源入口点的最后仅三行有效。
if (module.hot) {
module.hot.accept();
}
以上三行代码运行良好(至少对于我遇到的用例而言),您不必在accept
调用中指定单个文件。我所有的JavaScript(据我所知)和CSS几乎立即在浏览器中被替换而无需重新加载,这比在浏览器中进行实时重新加载并在保存每个文件时丢失整个应用程序状态的安排要好得多。
问题是react-hot-loader,vue-hot-loader和angular-hot-loader之类的库的目的是什么(据我认为),HMR仅通过遵循{ {3}}在官方网站上?
答案 0 :(得分:0)
我仍然无法意识到这种热加载模块的重要性,并且由于一切似乎都按预期进行,因此我得出结论,如果没有它们,我的实现就可以了,直到将来的某个时候(如果有的话)否则会学到的。