Reactjs文件大小:script-file vs npm-version

时间:2016-07-08 13:59:25

标签: reactjs gulp minify

我正在使用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使用它之前,应用程序的开发/生产是否存在差异?

提前致谢

干杯

0 个答案:

没有答案