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

Question

我有一个 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， key 没有被提取，我在运行项目时收到一个错误，指出 firebase 没有初始化。 .env文件也放在web文件夹下

Answer 1

通常，env var 在构建过程中被替换。如果您不使用 bundler ，则不能在您的应用中使用环境变量。

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