vue项目打包:修改dist文件名方式

Vue项目打包：修改dist文件名方式

在Vue项目中，打包生成的dist文件夹包含了项目的静态资源文件。默认情况下，打包后的文件名是固定的，但您可以通过修改配置来自定义生成的dist文件名。以下是完整的攻略：

步骤1：修改配置文件

在Vue项目的根目录下，找到vue.config.js文件（如果没有则需要创建）。在该文件中，可以配置Vue项目的各种构建选项。

示例代码：

module.exports = {
  outputDir: 'custom-dist', // 自定义的dist文件夹名
  filenameHashing: false, // 禁用文件名哈希
  // 其他配置项...
}

在上述示例中，我们通过设置outputDir选项来自定义生成的dist文件夹名为custom-dist。同时，通过设置filenameHashing选项为false，禁用文件名哈希，确保生成的文件名不包含哈希值。

步骤2：重新打包项目

在命令行中，进入Vue项目的根目录，并执行打包命令，重新生成dist文件夹。

示例代码：

npm run build

执行上述命令后，Vue项目将会重新打包，并生成自定义的dist文件夹。

以上是关于Vue项目打包并修改dist文件名方式的完整攻略。根据您的需求，您可以根据示例代码中的配置项进行定制和优化。