我应该如何在 Reactjs App 中读取 AWS EC2 实例的环境变量

Question

我想从我的 Reactjs 应用程序中的环境变量中获取一些凭据，这对于不同的环境（即 Dev/staging/prod）会有所不同。

我在 webpack.config.js 中这样做 `

function getDotenvFilePath(){
    if(process.env.NODE_ENV === 'local'){
        console.log('u r in local ');
        return './.env.local';
    }else if(process.env.NODE_ENV === 'dev'){
        console.log('u r in development ');
        return './.env.development';
    }else if(process.env.NODE_ENV === 'int'){
        console.log('u r in int ');
        return './.env.int';
    }
}`

不同环境的不同文件，我会像这样npm run-script build:int这样从maven触发，这是正确的方法吗？

感谢

Answer 1

基于 NODE_ENV 变量读取特定 .env 文件的小示例

我假设你有 dotenv-webpack 插件设置

module.exports = {
  ...
  plugins: [
    new Dotenv({
      path: (process.env.NODE_ENV === 'development' ? './.env.development' ? './.env.production'),
      safe: true, 
      systemvars: true, 
      silent: true 
    })
  ]
  ...
};