vue-cli项目配置优化与深度刨析【第一篇】

相信看到这篇文章的读者，已经安装并完成基本的项目配置，那我们跳过安装与介绍这一步，我们先从项目相关的配置讲起：

模式

模式是 Vue CLI 项目中一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式：
development 模式用于 vue-cli-service serve
test 模式用于 vue-cli-service test:unit
production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e

也就是项目中的 .env 文件。

当然，我们可以使用–mode选项参数为命令行覆写默认的模式。
package文件中启动项目的命令：vue-cli-service serve --module development
当执行vue-cli-service 命令时，所有的环境变量都是从环境文件（.env文件）中载入，如果这些文件内部没有定义NODE_ENV变量，则他的值会取决于当前的模式，在production模式下被设置成‘production’，test模式就是‘test’。默认启动的则是开发环境development
NODE_ENV将决定我们运行的模式，是开发还是测试等，因此也决定了创建哪种webpack