如何将 .env 值从根组件项目共享到多个可重用的 NPM 安装组件

Question

在我最近设计的 react 和 vuejs 节点项目中，我有 .env 变量，其中包含微服务的 API URL 和其他可以在根项目中使用的配置变量。

但是在使用 npm 安装的子组件中，我无法访问这些。

我知道我们可以在使用子组件时使用 props 传递所需的数据，但是有没有其他方法可以从根项目共享 .env 从一个集中位置到多个可重用的 npm 安装组件？

// contents of .env 
REACT_APP_API_KEY = 'my-secret-api-key'
or 
VUE_APP_API_KEY = 'my-secret-api-key'

Answer 1

如果您在设置中使用 docker-compose，您可以做的是定义每个服务要使用的 .env 文件。 你的docker-compose.yaml可能看起来像这样：

version: '3'
services:
service1:
build: .
env_file:                    # Add this to all services defined in yaml
- <path-to-file>/.env    # Add this to all services defined in yaml
...

<path-to-file>应该相对于 docker-compose.yaml 的位置。