关于dva中如何在打包时使用hash文件名并自动添加到index.html中
我们在使用阿里巴巴的dva-cli进行项目初始化后,发现打包的时候文件名并没有使用hash的方式进行打包,这样会很容易存在缓存需要经常清理的问题,所以我们需要优化一下,从官方了解到,我们可以通过在.webpackrc中添加一些配置,具体代码如下
{
"hash": true
}然后再次打包,发现确实生成了带hash的文件,但是又出现了另外一个问题,那就是打包后的index.html中并没有自动注入带hash的文件地址,这样就很尴尬了。
于是从官方以及搜索中发现,可以将public中的模板文件index.html进行删除,然后在src文件夹中新建一个index.ejs文件,这个文件就是之前的index.html模板,当然,不需要你手动引入文件地址,在你打包后webpack会自动注入带hash的文件地址进去,这样我们就不需要考虑缓存的问题了。
当然,这里还需要将新的模板地址在.webpackrc中进行配置,代码如下:
{
"hash": true,
"html": {
"template": "./src/index.ejs"
}
}这样就完全解决了我们的问题,可以尽情的打包了。
读完了点一下,作者能得积分
赞赏
如果这篇内容帮到了你,不妨请作者喝杯咖啡
赞赏
如果这篇内容帮到了你,不妨请作者喝杯咖啡
选个金额
微信扫码扫一下,金额 ¥6
- 扫码后按所选金额支付即可
- 赞赏完全自愿,与积分、红包互不影响
发表评论