如何在flutter项目的web文件夹中的js文件中正确使用env变量答案

【问题标题】：How to properly use env variables inside js file in web folder of flutter project如何在flutter项目的web文件夹中的js文件中正确使用env变量
【发布时间】：2021-07-08 06:08:08
【问题描述】：

我有一个 JS 文件，其中包含我导入到 index.html 中的 firebase 配置，当 JS 文件中的值被硬编码时，它可以完美运行

<script src="./firebase-config.js"></script>
  <script type="module">
    // Your web app's Firebase configuration
    // For Firebase JS SDK v7.20.0 and later, measurementId is optional

    import { firebaseConfig } from './firebase-config.js';
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

export var firebaseConfig = {
    apiKey: "<my-api-key>",
    authDomain: "<my-auth-domain>",
    databaseURL: "<my-database-url>",
    projectId: "<my-project-id>",
    storageBucket: "<my-storage-bucket>",
    messagingSenderId: "<my-messaging-sender-id>",
    appId: "<my-app-id>",
    measurementId: "<my-measurement-id>"
  };

但是当我尝试在 JS 文件中使用 env 变量时 apiKey: process.env.FIREBASE_API_KEY，密钥没有被拾起，我收到一个错误，即我运行项目时未初始化 firebase。 .env 文件也放在 web 文件夹中

【问题讨论】：

标签： javascript environment-variables flutter-web

【解决方案1】：

通常，环境变量会在构建过程中被替换。如果你不使用捆绑器，你就不能在你的应用中使用 env var。

https://stackoverflow.com/a/61725261/3573340

【讨论】：

这是 dart 代码，但 firebase 配置必须在 index.html 文件中才能正常工作
@ULTIMATEGAMER07 你找到答案了吗？