node.js - 如何设置 NODE_ENV？

Question

我在我的 reactjs 解决方案中使用 gulp 并想设置 NODE_ENV，我试过这个:

gulp.task('set-dev-node-env', function() {
    return process.env.NODE_ENV = 'development';
});
//dev environment run
gulp.task('default', ['set-dev-node-env', 'webpack-dev-server']);

当我运行 gulp 并检查 chromeconsole 时，它​​说:

testing process.env.NODE_ENV undefined

我缺少什么或如何设置此 NODE_ENV 变量？我想以某种方式将它设置在 gulpfile 中。

这是完整的项目:github

Answer 1

由于您使用的是 WebPack，因此您可以使用 WebPack Define Plugin注入(inject) NODE_ENV

例如在你的 webpack.config.dev.js 中:

module.exports = {
  ...

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

然后在您的 React 代码中您将可以访问它 NODE_ENV 您设置为 process.env.NODE_ENV。