我是否遗漏了 Webpack HMR 的任何内容?
Am I missing anything for Webpack HMR?
从大约两年以来,我一直在尝试使用 Webpack,并将我所有的新开发从 Gulp 切换到 Webpack。从那时起,我一直犹豫要不要将代码添加到我的源文件中,专门用于 HMR 逻辑,但后来发现下面的代码适用于我的所有源文件,在我的源入口点末尾有效地只有三行:
if (module.hot) {
module.hot.accept();
}
以上三行一直运行良好(至少对于我遇到的用例而言),您不必在 accept
调用中指定单个文件。我所有的 JavaScript(据我所知)和 CSS 几乎立即在浏览器中被替换而无需重新加载,这比在浏览器中进行实时重新加载并丢失每次保存文件时的整个应用程序状态。
问题是,官网上react-hot-loader, vue-hot-loader and angular-hot-loader when (as far as I think) HMR seems to work just by following the guide at https://webpack.js.org/guides/hot-module-replacement这样的库有什么用?
我仍然无法意识到这种热加载模块的重要性,而且一切似乎都按预期工作,我得出结论,如果没有它们,我的实现也很好,直到将来的某一天(如果) 否则我会学习。
从大约两年以来,我一直在尝试使用 Webpack,并将我所有的新开发从 Gulp 切换到 Webpack。从那时起,我一直犹豫要不要将代码添加到我的源文件中,专门用于 HMR 逻辑,但后来发现下面的代码适用于我的所有源文件,在我的源入口点末尾有效地只有三行:
if (module.hot) {
module.hot.accept();
}
以上三行一直运行良好(至少对于我遇到的用例而言),您不必在 accept
调用中指定单个文件。我所有的 JavaScript(据我所知)和 CSS 几乎立即在浏览器中被替换而无需重新加载,这比在浏览器中进行实时重新加载并丢失每次保存文件时的整个应用程序状态。
问题是,官网上react-hot-loader, vue-hot-loader and angular-hot-loader when (as far as I think) HMR seems to work just by following the guide at https://webpack.js.org/guides/hot-module-replacement这样的库有什么用?
我仍然无法意识到这种热加载模块的重要性,而且一切似乎都按预期工作,我得出结论,如果没有它们,我的实现也很好,直到将来的某一天(如果) 否则我会学习。