Question

在gulp和js文件缩小方面存在问题，gulp的文件大小增加了3倍。

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

global.lightgallery = require('lightgallery');

并运行gulp，使文件 133kb

任务任务

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

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

1 个答案: