Gulp 3 - 使js文件比普通文件大3倍

Question

有一个gulp和js文件缩小的问题，gulp使文件大3倍。

例如lightgallery.min.js - 49kb（从GitHub下载）然后我通过npm下载相同的文件并在js文件中需要（如果我从github插入下载的文件内容，则相同）

global.lightgallery = require('lightgallery');

并运行gulp它使文件133kb

GULP任务

gulp.task('scripts', function() {
    gulp.src( SOURCEPATHS.jsSource )
        .pipe( browserify() )
        .pipe( uglify() )
        .pipe( rename({ extname: '.min.js' }) )
        .pipe( gulp.dest(APPPATH.js) );
});

不使用任何源图。

也许有人遇到同样的问题？

Answer 1

包lightgallery具有jQuery的依赖关系，如on the npm description和its package.json。当Browserify做了它的事情时，它会检查包的依赖图并将所有内容拉入.jQuery v3.3.1缩小约为85kb，这应该是造成差异的原因。

如果您已经在其他地方使用了jQuery，通常可以让Browserify忽略该特定包。例如，使用gulp-browserify包：

.pipe(browserify({ ignore: 'jquery' }))

更新

您可以使用gulp-if插件选择性地将其应用于文件：

.pipe(
    gulpif(
        'jquery.js',
        browserify(),
        browserify({ ignore: ['jquery'] })
    )
)