如何将环境变量部署到 Firebase 托管？

Question

我正在尝试将我的 React SPA 部署到 firebase 托管，当我部署应用程序时，我也在项目中使用了 firebase 存储，因为我的 env 变量基本上是我的 firebaseConfig 变量：

>

.env

REACT_APP_FIREBASE_API_KEY=XXXXXXXXXXXX
REACT_APP_FIREBASE_AUTH_DOMAIN=XXXXXXXXXXXX
REACT_APP_FIREBASE_PROJECT_ID=XXXXXXXXXXXX
REACT_APP_FIREBASE_STORAGE_BUCKET=XXXXXXXXXXXX
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=XXXXXXXXXXXX
REACT_APP_FIREBASE_APP_ID=XXXXXXXXXXXX

我试图使用 firebase 函数来存储这些值，如此处的文档所述：Environment configuration

import firebase from 'firebase/app';
import 'firebase/storage';

const firebaseConfig = {
 apiKey: functions.config().storage.apikey,
 authDomain: functions.config().storage.authdomain,
 projectId: functions.config().storage.projectid,
 storageBucket: functions.config().storage.storagebucket,
 messagingSenderId: functions.config().storage.messagingsenderid,
 appId: functions.config().storage.appid,
 measurementId: functions.config().storage.measurementid,
};

const storage = firebase.storage();

export { storage, firebase as default };

我成功部署了该功能：

firebase deploy --only functions
⚠  functions: package.json indicates an outdated version of firebase-functions.
Please upgrade using npm install --save firebase-functions@latest in your functions 
directory.

=== Deploying to 'xxxxxxx'...

i  deploying functions
i  functions: ensuring required API cloudfunctions.googleapis.com is enabled...
i  functions: ensuring required API cloudbuild.googleapis.com is enabled...
✔  functions: required API cloudbuild.googleapis.com is enabled
✔  functions: required API cloudfunctions.googleapis.com is enabled
i  functions: preparing functions directory for uploading...

✔  Deploy complete!

但什么也没发生，我试图理解文档的最后一部分：Automatically populated environment variables 我想解释这些 firebaseConfig 值是如何自动存储的，但我真的不明白它是如何工作的，请帮助我.

我的应用程序在本地运行良好，但是当我部署它时会中断。