关于webpack热重载页面刷新的问题
在使用webpack构建多入口应用时使用到热重载功能,在引入webpack-hot-middleware后,热重载功能可以正常使用,但是我每次修改代码都会重新刷新页面。
之后查阅资料,在入口文件中加入以下代码
if(module.hot) {
// accept update of dependency
module.hot.accept();
}
之后再次修改js文件时,页面不会刷新,但是页面上保留了刷新前的内容,比如我的页面上之前有123,当我将123修改为123456时,我的页面上出现了123和123456.
据我分析,我认为应该是缓存问题,但是没有查到资料,希望有人知道的可以指点一下,多谢!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
题主的遇到的情况比较罕见
下面是官方
webpack-dev-server
的hmr
示例 github 地址https://github.com/webpack/webpack-dev-server/tree/master/examples/hmr
以及
webpack-hot-middleware
github 地址https://github.com/glenjamin/webpack-hot-middleware
题主可以尝试他们提供的
demo
做下试验,实践中也许会有所启发。