‌解決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项目

中打包时去除文件名中的随机哈希码，使文件名更加简洁易管理。