Question

我注意到ReactJS有一些仅在开发模式下出现的调试消息。

当我在捆绑之前在gulpfile.js中设置process.env.NODE_ENV = 'production';时，调试消息就会消失。

如何编写仅在开发（调试）版本中出现但未捆绑到生产版本中的代码？

类似的东西：

function sayHello(message){
  #IF DEBUG
     if (!message) console.log("message cannot be null");
  #ENDIF

  alert(message);
}

编辑：当我尝试使用if (process.env.NODE_ENV !== 'production')时，gulp-uglify正确地从生产版本中的bundle中删除了代码。但是，在运行时（在浏览器中），process.env.NODE_ENV未定义且条件从未满足。

怎么可能，它在反应中起作用？

var browserify = require("browserify");
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');

process.env.NODE_ENV = 'production';

var bundler = browserify({ debug: false })
   .require('react')
   .require('react-dom')

bundler.bundle()
    .pipe(source("reactbundle.js"))
    .pipe(buffer());
    .pipe(uglify())
    .pipe(gulp.dest(paths.distDir + 'scripts'));

Answer 1

我没有打字稿版本，但你试过gulp-remove-code吗？您可以使用一些注释来包围JavaScript，以删除运行生成版本时所需的任何代码。这来自上面的链接页面：

var removeCode = require('gulp-remove-code');

gulp.src('./src/file.js')
  .pipe(removeCode({ production: true }))
  .pipe(gulp.dest('./dist'))


//removeIf(production) 
value = JSON.stringify({key: 'value'}, null, 2);
//endRemoveIf(production)

在生产构建期间从bundle中删除javascript代码

1 个答案: