.env 文件配置详解

.env：全局默认配置文件，无论什么环境都会加载合并。

.env.development：开发环境的配置文件

.env.production：生产环境的配置文件

vue 会根据启动命令自动含桥加载相对应的环境配置文件。

开发环境加载 .env 和 .env.development 。

生大猜成环境加载 .env 和 .env.production 。

环境配置文件 >全局配置文件

当全局的配置文件和环境的配置文件有相同配置项时，环境的配置项会覆盖全局的配置项

如：

开发环境

打印 process.env 属性滚老型

在配置文件中定义的属性在其它文件中如何访问呢？？

可以使用 process.env.xxx 来访问属性。

如：

生成文件如下图:

注意点:

1.在根目录下创建 .env文件

2.里面写入闹派

3.执行yarn build

tips:

yarn eject 项目后发现了此悄 react 会加载根目录下的.env文件

env.js

如果我们要定义变量 必须森弯渣通过 REACT_APP_XXXX = xxx 形式,因为加载时候进行了正则表达式的匹配

---