react-boilerplate 添加自定义环境变量

Question

我想在使用 react-boilerplate 时添加自定义环境变量。 在我的 DEV 环境中，我会将 API 指向我的本地主机后端，但在 PROD 环境中，我会将其指向 PROD 后端。 我尝试过使用dotenv-webpack 和react-scripts，但仍然无法正常工作。 对于 dotenv-webpack，我在 dllPlugin 下面添加了插件代码。

dllPlugin: {
...
},

plugins: [
new Dotenv({
  path: './.env', // Path to .env file (this is the default) 
  systemvars: true,
  safe: true // load .env.example (defaults to "false" which does not use dotenv-safe) 
})
]
...

有人成功应用了这个功能吗？请给一些启示..

Answer 1

我已经成功地将 dotenv-webpack 实现到 react-boilerplate。在我把配置放在 /config.js 之前。现在我放入 webpack/webpack.base.babel.js。