我们在使用阿里巴巴的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"
}
}
这样就完全解决了我们的问题,可以尽情的打包了。
评论前必须登录