IT技术 - Gulp/Browserify 的 Redux NODE_ENV 错误 - 吾爱随笔录

我在使用 Browserify 和 Gulp 进行缩小和打包并部署到 Heroku 的 React/Redux 应用程序上收到此错误消息。

bundle.js:39 You are currently using minified code outside of NODE_ENV === 'production'. This means that you are running a slower development build of Redux.

但似乎构建步骤正在NODE_ENV = 'production'.

我有一个像这样设置环境变量的任务

gulp.task('apply-prod-environment', function() {
  return process.env.NODE_ENV = 'production';
});

Heroku 上的日志显示 ENV 正在生产：

为了保证在apply-prod-environment 其他任务之前运行，我使用了RunSequenceGulp 插件。

gulp.task('buildProd', cb => {
  runSequence(
    'apply-prod-environment',
    'task-1',
    'task-2',
    'etc',
    cb
  );
});

编辑
第二次尝试..

import envify from 'envify/custom';

function buildJS(sourceFile, {setEnv}) {
  return browserify(sourceFile)
    .transform(babelify, {
      presets: ['es2015', 'react', 'stage-2']
    })
    .transform(envify({
      NODE_ENV: setEnv
    }))
    .bundle()
    .on('error', (e) =>  {
      gutil.log(e);
    });
}

仍然出现相同的错误

第三次尝试..

function buildJS(sourceFile, {setEnv}) {
  return browserify(sourceFile)
    .transform(babelify, {
      presets: ['es2015', 'react', 'stage-2']
    })
    .transform(
      {global: true},
      envify({
        NODE_ENV: setEnv
      })
    )
    .bundle()
    .on('error', (e) =>  {
      gutil.log(e);
    });
}

仍然出现相同的错误

gulp.task('javascript:prod', function() { return browserify("app/main.js", { debug: !IS_PROD }) .transform("babelify", { presets: [ "es2015", "react" ], plugins: [ "transform-object-rest-spread", "transform-function-bind", "transform-object-assign" ] }) .transform('loose-envify', { NODE_ENV: 'production' }) .bundle() .pipe(source('app.js')) .pipe(buffer()) .pipe(uglify()) .pipe(rev()) .pipe(gulp.dest("./public/javascripts/")) .pipe(rev.manifest({merge:true, base: 'build/assets'})) .pipe(gulp.dest('build/assets')); });