.env 文件

.env 文件配置 文件说明

.env：全局默认配置文件，无论什么环境都会加载合并。
.env.development：开发环境的配置文件
.env.production：生产环境的配置文件

注意：三个文件的文件名必须按上面方式命名，不能乱起名，否则读取不到文件。

注意：属性名必须以 VUE_APP_ 开头，如：VUE_APP_XXX

加载

vue 会根据启动命令自动加载相对应的环境配置文件。vue是根据文件名进行加载的，所以上面说“不要乱起名，也无需专门控制加载哪个文件”
比如执行npm run serve命令，会自动加载.env.development文件
开发环境加载 .env 和 .env.development 。
生成环境加载 .env 和 .env.production 。
运行npm run serve的时候主要还是看package.json中 server属性的–mode后面跟的是啥。如果是development，就会加载.env.development文件。
在package.json里面配置好，执行serve的时候用开发环境的。build打包用生产或者测试的
package.json 配置项： 二选一

"scripts":{"serve":"vue-cli-service serve --mode development","build":"vue-cli-service build","build:sit":"vue-cli-service build --mode production.sit","build:uat":"vue-cli-service build --mode production.uat","build:prod":"vue-cli-service build --mode production","lint":"vue-cli-service lint","et":"node_modules/.bin/et","et:init":"node_modules/.bin/et -i","et:list":"gulp themes"}

"scripts":{"serve-test":"vue-cli-service serve --open --mode test","serve":"vue-cli-service serve --open --mode development","dev":"vue-cli-service  --open --mode development  serve","test-oss":"vue-cli-service  --mode sit  build","build:sit":"vue-cli-service  --mode sit  build","build:prod":"vue-cli-service  --mode production  build","lint":"vue-cli-service lint","fix":"tslint --fix -c ./tslint.json 'src/**/*{.ts,.tsx}'"}

.env.development的文件。在地址上面一行加一个NODE_ENV=development

项目中的使用

在配置文件中定义的属性在其它文件中如何访问呢？？
可以使用 process.env.xxx 来访问属性。
如：

1，npm run serve，启动项目，并且加载.env和.env.development文件
2，npm run serve-test，启动项目，并且加载.env和.env.test文件
3，npm run build，生产环境打包，其中.env和.env.production文件会加载
4，npm run test，测试环境打包，其中.env和.env.test文件会加载
5，npm run all，生产环境和测试环境同时打包，加载不同的.env文件