如何在Vue CLI 3中优化自定义模式的构建

Question

我们可以在cli 3中设置自定义模式。

因为它不是生产模式，所以它不是经过优化的构建。

如何将config设置为自定义模式，以将优化的构建作为生产模式。

custom mode(staging) in package.json

The files of default production mode(optimized), command: npm run build

The files of custom mode(staging) (not optimized), command: npm run staging

谢谢。

Answer 1

我认为您首先要在两件事之间混合使用vue build app.vue命令来构建生产就绪的捆绑包。

模式只是环境的别称，它指定您是处于开发，生产还是测试模式。

如果要将不同的模式与构建关联，则可以像vue-cli-service build --mode development那样附加它。通过--mode，您可以为该版本分配所需的环境变量。

如果要在生产过程中优化阶段构建，只需将NODE_ENV = production放在.env.staging文件的开头。

ref：CLI文档modes and env in cli docs