产品构建

当发布产品的时候，有两件事要做：

1. 压缩应用的代码量。
2. 使用 在 Vue.js 指南中描述的设置 解决 Vue.js 源代码中的所有警告。

这里是个实例的配置：

// webpack.config.js
module.exports = {
  // ... 其他选项
  plugins: [
    // Vue.js 代码报警告
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    // 清除无用代码来缩小代码量
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    // optimize module ids by occurence count
    new webpack.optimize.OccurenceOrderPlugin()
  ]
}

显然，我们不想在在开发阶段中这样配置，可以这样解决：

1. 动态地构建了基于环境变量的配置对象；

2. 或者，使用两个分离的 Webpack 配置文件，一个用于开发阶段，另外一个用于生产阶。它们直接也能共享一些选项到第三个文件，如图 vue-hackernews-2.0.

只要能达成目标，怎么设置就取决于你。