在 vue-cli3 中为构建文件提供静态文件名

Question

我正在使用 vue-cli3，当我使用 npm 运行 build -- --mode=production 构建时，它提供了 2 个 css 文件和 2 个 js 文件。

每次我更改代码时，文件名也会更改，例如 app.de90cdf7.js 和 chunk-vendors.a9204242.js.

vue-cli 中有没有办法将文件名硬编码为 app.js 和 chunk-vendors.js？

Answer 1

我来晚了。我们可以链接 webpack 来应用名称更改。在 2022

年使用版本 @vue/cli 5.0.4

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack : (config) => {
    config.output.filename('[name].js');
  },
  css: {
    extract: {
      filename: '[name].css',
      chunkFilename: '[name].css'
    }
  }
});

在 vue-cli3 中为构建文件提供静态文件名

Giving static filenames for build files in vue-cli3

webpack

vue.js

vue-cli