javascript - 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 更适合于单页场景。因为所有内容都集中在一个页面，本身就需要等待各种资源加载。

Answer 2

可以不合并成所有，用模块加载器加载，如果业务很复杂，也可以按照页面功能合并相应的js