为了账号安全,请及时绑定邮箱和手机立即绑定

webpack资源热更新,关于访问更新的js资源路径问题

webpack资源热更新,关于访问更新的js资源路径问题

呼唤远方 2018-10-18 15:15:11
目前在尝试webpack的热更新,使用的是webpack2,自己对其理解不深刻,所以先多说一下背景:由于现在我生成的文件用了hash或chunkhash,并且自己写了一个插件每次webpack的时候自动更新html文件中引入的路径。output: {        path: path.join(__dirname, 'public/javascripts'),         filename: 'output.[hash].js',         publicPath:'http://localhost:7700/', },html中文件引入路径会被自动更新:<script src="./javascripts/common.5b52a2495300fe7e9191.js"></script><script src="./javascripts/output.5b52a2495300fe7e9191.js"></script>自己写的插件就是取得stats.compilation.chunks中的内容并且用文件读写正则替换的方式更新。但是问题来了,如果我用热更新,发现没有生成对应的新文件,但是在插件中通过stats.compilation.chunks还是能取到内容的,所以我的js文件路径被更新到了一个实际上并不存在的值。经过查阅发现webpack热更新的资源是在内存中的,如果这个时候用原来的js路径,却也访问不到更新内容。我现在不知道如何访问这种热更新的资源。想知道热更新的时候路径该怎么写? 我也好配合修改自己的插件做自动化。谢谢,不知道说明白了没有。。。
查看完整描述

1 回答

?
收到一只叮咚

TA贡献1821条经验 获得超5个赞

用 html-webpack-plugin 插件
这个插件就是为了将带有 hash 的 js 文件引入 html 模板中,具体的实现在 vue-hackernews 2.0 项目中用过。
踩这个答案的同学,自己可以去了解下这个插件:
“This is especially useful for webpack bundles that include a hash in the filename which changes every compilation.”

查看完整回答
反对 回复 2018-11-27
  • 1 回答
  • 0 关注
  • 790 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号