生产环境打包要做两件事:
- 压缩应用代码;
- 使用 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"'
}
}),
// minify with dead-code elimination
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
}),
// optimize module ids by occurrence count
new webpack.optimize.OccurrenceOrderPlugin()
]
}
显然,我们不想在开发过程中使用这些配置,所以有几种方法可以解决这个问题:
-
使用环境变量动态构建;
-
或者,使用两个分开的 Webpack 配置文件,一个用于开发环境,一个用于生产环境。把可能共用的配置放到第三个文件中,如 vue-hackernews-2.0 所示。
只要达到目标,怎么做取决于你。