ant-design-pro - 如何将自己的环境变量传递给 UMIJS 应用程序？

Question

我已经使用 UMIJS 创建了一个应用程序并且工作正常。但是现在我想使用 .env 文件或通过导出它们来将一些环境变量加载到我的应用程序中。但是没有一个变量被传递给应用程序。
此外，所有其他库（如 dotenv 等）都无法正常工作。
只有 UMIJS 定义的环境变量像PORT HOST等一样工作。
这对我以某种方式将我的环境变量加载到应用程序非常重要。任何对此有任何完美解决方案的人都会有很大帮助。

Answer 1

要将环境变量添加到 ant-design-pro 项目，请转到config\config.ts或config\config.js取决于您使用的是 js 还是 ts 版本。

添加一个define键并在您的配置对象中为其分配一个对象，

export default defineConfig({
  .....
  define: {
    API_KEY: 'js3jhkj4n2kjnd',            
  },
});

然后，您可以API_KEY在项目文件中使用，无需导入或前缀process.env.API_KEY.