gulp合并js代码问题

Question

// 合并，压缩文件

gulp.task('scripts', function() {

    gulp.src('src/js/*.js')

        .pipe(concat('all.js'))

        .pipe(gulp.dest('./dist'))

        .pipe(rename('all.min.js'))

        .pipe(uglify())

        .pipe(gulp.dest('./dist'));

});

gulp自动化把所有js代码合并成一个文件，这样不会显得很臃肿吗？一些html页面用到的js代码也合并成一个all.js文件了；

Answer 1

合并是出于减少页面请求数，但这样一来，多页面中的公共 js 就享受不到缓存的加成。比如 a 页面中的 all.js 包含了 jq， b 页面的 all.js 中也有 jq。这种情况适合把页面公共 js 单独打包，然后每个页面差异的部分再分别打包。全部合并为一个 js 更适合于单页场景。因为所有内容都集中在一个页面，本身就需要等待各种资源加载。