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

 2018年12月26日 分类:JavaScript/webpack/前端设计  评论(0)  阅读(153)

我们在使用阿里巴巴的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"
  }
}

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

wechat_app
微信公众号:webapp_club
关注一下,或许能让你获得更多前端咨询信息。
加载中...

评论 抢沙发

评论前必须登录!