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

Question

我使用的是 vue-cli3，当我使用 npm run build -- --mode=product 构建时，它提供了 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'
    }
  }
});