生产环境构建

生产环境打包要做两件事:

下面是配置示例:

  1. // webpack.config.js
  2. module.exports = {
  3. // ... other options
  4. plugins: [
  5. // short-circuits all Vue.js warning code
  6. new webpack.DefinePlugin({
  7. 'process.env': {
  8. NODE_ENV: '"production"'
  9. }
  10. }),
  11. new webpack.optimize.UglifyJsPlugin()
  12. ]
  13. }

我们不想在开发过程中使用这些配置,所以有几种方法可以解决这个问题:

  • 使用环境变量动态构建;

  • 或者,使用两个分开的 webpack 配置文件,一个用于开发环境,一个用于生产环境。把可能共用的配置放到第三个文件中,如 vue-hackernews-2.0 所示。

只要达到目标,怎么做取决于你。

原文: https://vue-loader-v14.vuejs.org/zh-cn/workflow/production.html