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

Question

我想在使用react-boilerplate时添加自定义环境变量。 在我的DEV环境中，我将API指向我的localhost后端，但在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。