我正在使用reactjs和gulp进行构建过程。目前我使用的是来自npm和browserify的反应。当我想在生产模式中缩小我的应用程序时,反应代码最终会达到大约180kb。
这是我使用的gulp代码:
gulp.task('production', function () {
var bundler = browserify('./public/dev/js/main.js').transform(babelify, { presets: ['react'] });
return bundler.bundle()
.on('error', map_error)
.pipe(source('bundle.js'))
.pipe(buffer())
.pipe(rename('bundle-build.min.js'))
.pipe(envify({'_': 'purge', NODE_ENV: 'production'}))
.pipe(uglify())
.pipe(gulp.dest('./public/dist/js/'));
});
但是,如果我从react-website下载缩小的脚本文件并加载这样的脚本文件:
<script type="text/javascript" src="./react.min.js"></script>
<script type="text/javascript" src="./react-dom.min.js"></script>
最终大约150kb。
为什么gulp缩小版本更大?我怎样才能把它带到相同的尺寸?此外,在加载提供的脚本文件或从npm使用它之前,应用程序的开发/生产是否存在差异?
提前致谢
干杯