相信看到这篇文章的读者,已经安装并完成基本的项目配置,那我们跳过安装与介绍这一步,我们先从项目相关的配置讲起:
模式
模式是 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