配置Webpack仅用于使用vue-cli3的生产

Question

我尝试在本地和生产环境中对vue项目进行一些不同的编译。

如您所见，我的vue.config.js文件有很大的不同... 开玩笑

// this is the file when I'm in dev version
module.exports = {
    lintOnSave: false,
}
// this is the file when I'm in prod version
module.exports = {
    lintOnSave: false,
    configureWebpack: {
        output: {
            publicPath: '/static/'
        }
    }
}

我在webpack 4或vue cli文档中检查新模式时，没有发现任何可以避免在我要构建本地或产品时手动更改vue.config.js的内容。 这还没准备好CI，所以我不愿意这样做，所以，如果您有任何技巧可以正确执行此操作。

谢谢。

Answer 1

好吧，我不确定该做什么，但是您可以在vue.config.js文件中使用变量'process.env.NODE_ENV'（我没想到）。 所以

if (process.env.NODE_ENV === 'production') {
module.exports = {
    configureWebpack: {
        output: {
            publicPath: '/static/'
        }
    }
}
}
else{
module.exports = {
    lintOnSave: true
}
}

看起来工作正常