Question

我使用yarn和env-cmd来构建我的React应用程序并管理我们的环境变量。这是我的package.json：

"scripts": {
    "start": "react-scripts start",
    "build:local": "env-cmd .env.local react-scripts build",
    "build:uat": "env-cmd .env.uat react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },

它适用于/src/文件夹下和/public/index.htm下的JS文件。

问题： 如何在public/*.js文件中使用变量？

我的变量名为 REACT_APP_URL 。我尝试使用%REACT_APP_URL%或process.env.REACT_APP_URL但没有成功。

编辑：我想在构建时注入这些变量。

Answer 1

我在与package.json相同的src中有一个文件.env.development 这对我有用

“开始”：“ REACT_APP_ENV =开发npm-run-all -p watch-css start-js”，

公共JS文件中的yarn build + create-react-app + env变量

1 个答案: