Question

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

client / package.json

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

的客户机/ 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' }),
  ]
}

我看到{/ 1}}在config / webpack.config.js中可用（这里用于将源映射devtools添加到模块导出），但是我想要一种方法来查看我的环境是什么在process.env.NODE_ENV中的某处重新生成代码。我有什么选择？

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')
        }
    })
]

在React on Rails中访问NODE_ENV环境变量

1 个答案: