生产环境构建
生产环境打包要做两件事:
- 压缩应用代码;
- 使用 Vue.js 指南中描述的部署方式去除 Vue.js 中的警告。
下面是配置示例:
// webpack.config.js
module.exports = {
// ... other options
plugins: [
// short-circuits all Vue.js warning code
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin()
]
}
我们不想在开发过程中使用这些配置,所以有几种方法可以解决这个问题:
使用环境变量动态构建;
或者,使用两个分开的 webpack 配置文件,一个用于开发环境,一个用于生产环境。把可能共用的配置放到第三个文件中,如 vue-hackernews-2.0 所示。
只要达到目标,怎么做取决于你。
原文: https://vue-loader-v14.vuejs.org/zh-cn/workflow/production.html