没有版本代码的 Vue CLI 服务生产构建?
Vue CLI Service production build without version code?
我有一个 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";',
},
},
}
}
看起来您需要 filenamehashing
选项。基本上此选项默认启用,因此您可能需要将其关闭:
// vue.config.js
module.exports = {
filenameHashing: false,
// ...
};
我有一个 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";',
},
},
}
}
看起来您需要 filenamehashing
选项。基本上此选项默认启用,因此您可能需要将其关闭:
// vue.config.js
module.exports = {
filenameHashing: false,
// ...
};