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

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

我们在使用阿里巴巴的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
关注一下,或许能让你获得更多前端咨询信息。
加载中...
分享中心
各类业务开发,联系QQ:5679361
广告位联系QQ:5679361

评论 抢沙发

评论前必须登录


如果你觉得本站内容对你有所帮助,比如提升你对编程方面的认识,你可以通过上面的二维码请博主喝杯咖啡,安好。

WEB前端开发部落(公众号:webapp_club)

群列表

前端初级学习群:初级Web前端学习群(后期为支付入群)
PHP初级学习群:PHP(MySQL)学习交流群
QQ群仅作为相关领域讨论平台,均提供高质量问题交流,禁止闲聊,无法接受的朋友请勿加群!
进群需要通过这里获取进群码才能进群哦!