在新建的vue.config.js中添加配置
const IS_PRODUCTION = process.env.NODE_ENV === 'production' //判断是不是生产环境
const productionSourceMap = !IS_PRODUCTION
const filenameHashing = IS_PRODUCTION
const assetsDir = 'static'
function getAssetPath(assetsDir, filePath) {
return assetsDir ?
path.posix.join(assetsDir, filePath) :
filePath
}
chainWebpack(config) {
// 制定环境打包js路径
if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'development') {
const isLegacyBundle = true
const filename = getAssetPath(
assetsDir,
`js/[name]${isLegacyBundle ? `-legacy` : ``}${filenameHashing ? '.[contenthash:8]' : ''}.js`
)
config.mode('production').devtool(productionSourceMap ? 'source-map' : false).output.filename(filename).chunkFilename(filename)
}
}