产品构建

当发布产品的时候,有两件事要做:

  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.

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

results matching ""

    No results matching ""