node.js - 在 React on Rails 中访问 NODE_ENV 环境变量

Question

我有一个 React on Rails调用 API 的应用程序。我想将 API 端点配置为 localhost 以进行开发，并将 API 端点配置为我部署的应用程序的 URL 以进行生产。

client/package.json

 "scripts": {
    "build:production": "NODE_ENV=production webpack --config webpack.config.js",
 },

client/webpack.config.js

const devBuild = process.env.NODE_ENV !== 'production';

const config = {
  entry: [
    'es5-shim/es5-shim',
    'es5-shim/es5-sham',
    'babel-polyfill',
    './app/bundles/Main/startup/registration',
  ],
  output: {
    filename: 'webpack-bundle.js',
    path: __dirname + '/../app/assets/webpack',
  },
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  plugins: [
    new webpack.EnvironmentPlugin({ NODE_ENV: 'development' }),
  ]
}

我看到 process.env.NODE_ENV 在 config/webpack.config.js 中可用(此处用于将源映射开发工具添加到模块导出中)，但我想要一种方法查看 client/ 中我的 React 代码中的环境。如果有的话我有什么选择？

Answer 1

我刚刚在 Redux 操作文件中成功使用了 process.env.NODE_ENV。我在 webpack 中导出 NODE_ENV，插件定义如下 webpack.config.js 所示:

plugins: [
    ...
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('ENV_VALUE')
        }
    })
]