‌解決Vue打包时文件名随机化的问题‌

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项目中打包时去除文件名中的随机哈希码,使文件名更加简洁易管理。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值