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

【问题标题】：yarn build + create-react-app + env variables in public JS file公共 JS 文件中的 yarn build + create-react-app + env 变量
【发布时间】：2018-05-29 16:16:23
【问题描述】：

我正在使用 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 没有成功。

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

【问题讨论】：

标签： create-react-app yarnpkg

【解决方案1】：

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

"start": "REACT_APP_ENV=develpoment npm-run-all -p watch-css start-js",

【讨论】：

你能在public/*.js中使用你的变量吗？
@ToineSeiter 有用吗？我面临同样的问题。而且我不知道如何解决它。