本站目前升级了全新主题zhime,该主题色彩更清新明亮。售价99元/套,你值得拥有,后台配置全,永久更新。另外还有Next.js版本!😃

关于dva中如何在打包时使用hash文件名并自动添加到index.html中

我们在使用阿里巴巴的dva-cli进行项目初始化后,发现打包的时候文件名并没有使用hash的方式进行打包,这样会很容易存在缓存需要经常清理的问题,所以我们需要优化一下,从官方了解到,我们可以通过在.webpackrc中添加一些配置,具体代码如下

code
{
  "hash": true
}

然后再次打包,发现确实生成了带hash的文件,但是又出现了另外一个问题,那就是打包后的index.html中并没有自动注入带hash的文件地址,这样就很尴尬了。

于是从官方以及搜索中发现,可以将public中的模板文件index.html进行删除,然后在src文件夹中新建一个index.ejs文件,这个文件就是之前的index.html模板,当然,不需要你手动引入文件地址,在你打包后webpack会自动注入带hash的文件地址进去,这样我们就不需要考虑缓存的问题了。

当然,这里还需要将新的模板地址在.webpackrc中进行配置,代码如下:

code
{
  "hash": true,
  "html": {
    "template": "./src/index.ejs"
  }
}

这样就完全解决了我们的问题,可以尽情的打包了。

读完了点一下,作者能得积分

赞赏

如果这篇内容帮到了你,不妨请作者喝杯咖啡

分享 微博 QQ

发表评论

发表评论