javascript - 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) );
});

不使用任何源 map 。

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

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'] })
    )
)