关于webpack热重载页面刷新的问题

发布于 2022-09-05 22:46:32 字数 354 浏览 14 评论 0

在使用webpack构建多入口应用时使用到热重载功能,在引入webpack-hot-middleware后,热重载功能可以正常使用,但是我每次修改代码都会重新刷新页面。
之后查阅资料,在入口文件中加入以下代码

if(module.hot) {
  // accept update of dependency
  module.hot.accept();
}

之后再次修改js文件时,页面不会刷新,但是页面上保留了刷新前的内容,比如我的页面上之前有123,当我将123修改为123456时,我的页面上出现了123和123456.
据我分析,我认为应该是缓存问题,但是没有查到资料,希望有人知道的可以指点一下,多谢!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夜夜流光相皎洁 2022-09-12 22:46:32

题主的遇到的情况比较罕见

下面是官方 webpack-dev-serverhmr 示例 github 地址

https://github.com/webpack/webpack-dev-server/tree/master/examples/hmr

以及 webpack-hot-middleware github 地址

https://github.com/glenjamin/webpack-hot-middleware

题主可以尝试他们提供的 demo 做下试验,实践中也许会有所启发。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文