在Vue项目
中,打包时文件名会加上哈希码,这是为了校验文件的完整性。然而,在实际使用中,我们通常不需要这些哈希码,因为它们会增加文件名的复杂性,不利于管理和缓存。例如,在生产环境中,我们更希望文件名保持不变,以便于缓存和部署。
解决方法
要解决这个问题,可以在webpack.prod.conf.js
文件中进行相关配置。具体步骤如下:
1、找到项目中的build/webpack.prod.conf.js
文件。
2、修改JavaScript
文件的配置,将:
filename: utils.assetsPath('js/[name].[chunkhash].js')
改为:
filename: utils.assetsPath('js/[name].js')
3、同样地,修改CSS文件
的配置,将:
filename: utils.assetsPath('css/[name].[contenthash].css')
改为:
filename: utils.assetsPath('css/[name].css')
4、对于chunkFilename
,建议保持默认设置,因为它主要用于生成一些临时文件。
通过以上步骤,可以有效地在Vue项目
中打包时去除文件名中的随机哈希码,使文件名更加简洁易管理。