所以我正在通过NPM和Browserify使用ReactJS,但是我试图弄清楚如何在生产模式下构建它,就像自述文件说的那样,但是它似乎没有用。我有以下代码来设置browserify:
var browserify = require('browserify');
var envify = require('envify/custom');
var debug = false;
...
var libraries = browserify({
debug: debug
}).transform(envify({
_: 'purge',
NODE_ENV: debug ? 'development' : 'production'
}));
gulpConfig.tasks.browserify.transformers.forEach(function(transform) {
libraries.transform(transform);
});
gulpConfig.tasks.browserify.libraries.forEach(function(metaData) {
if(metaData.path) {
libraries.require(metaData.path, {
expose: metaData.name
});
} else {
libraries.require(metaData.name);
}
});
var libraryStream = libraries.bundle()
.on('error', function(err){
var message;
if(err.description)
message = 'browserify error: ' + err.description + ' when parsing ' + err.fileName + ' | Line ' + err.lineNumber + ', Column ' + err.column;
else {
message = err.message;
}
gutil.log(gutil.colors.red(message));
this.emit('end');
})
.pipe(source('libraries.js'));
libraryStream.pipe(gulp.dest(gulpConfig.buildPath));
但是,当我查看编译后的代码时,会看到很多这样的代码:
if ("production" !== process.env.NODE_ENV) {
我虽然应该编译为:
if ("production" !== "production") {
然后可以通过UglifyJS2之类的工具自动将其删除。我设置的Envify错误吗?或者其他的东西。
最佳答案
React已经自动配置了envify
。它将选择构建脚本本身在其中运行的环境。通常,在运行实际的构建脚本之前,通常需要设置NODE_ENV
,例如
NODE_ENV=production gulp build
甚至更好的是,您已经将构建步骤添加到了
"scripts"
中的package.json
块中,因此您可以npm run --production build