[英]Remove javascript code from bundle during production build
我注意到 ReactJS 有一些仅在开发模式下出现的调试消息。
当我设置process.env.NODE_ENV = 'production';
在捆绑之前的 gulpfile.js 中,调试消息消失了。
如何编写仅出现在开发(调试)构建中但未捆绑到生产构建中的此类代码?
就像是:
function sayHello(message){
#IF DEBUG
if (!message) console.log("message cannot be null");
#ENDIF
alert(message);
}
编辑:当我尝试使用if (process.env.NODE_ENV !== 'production')
然后 gulp-uglify 正确地从生产构建中的包中删除了代码。 但是,在运行时(在浏览器中), 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'));
我没有打字稿版本,但你试过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)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.