没有版本代码的 Vue CLI 服务生产构建？

Question

我有一个 vue 项目，我使用 vue-cli-service build 构建项目以用于生产。

我在构建文件时注意到默认情况下，资源名称具有某种版本代码，例如

app.34fc5700.js
chunk-vendors.c7da5824.js

有没有办法摆脱它？

我正在使用vue.config.js，我的项目中没有webpack.conf.js，这就是它的样子：

module.exports = {
    publicPath: process.env.VUE_APP_ROOT_PATH,
    outputDir: process.env.VUE_APP_BUILD_DIR,
    chainWebpack: config => {
        config.resolve.symlinks(false);
        config.plugin('html').init((Plugin, args) => {
            const newArgs = {
                ...args[0],
            };
            newArgs.minify && (newArgs.minify.removeAttributeQuotes = false);
            return new Plugin(newArgs);
        });
    },
    css: {
        loaderOptions: {
            sass: {
                additionalData: '@import "@/scss/_variables.scss";',
            },
        },
    }
}

Answer 1

看起来filenamehashing 选项是您需要的。基本上这个选项是默认启用的，所以你可能需要关闭它：

// vue.config.js
module.exports = {
  filenameHashing: false,
  // ...
};