将all.js拆分为多个文件 - Angular JS

Question

我一直致力于基于Angular JS的应用程序。我已经编写了一组gulp命令来uglify /从JS代码中删除注释。当我运行Web应用程序并监视网络流量时，我注意到缩小（uglified）'all.js'文件消耗了相当多的时间来加载（请忘记缓存）。

1. 我认为将all.js文件（处理前或处理后）拆分为多个部分（比如说四个部分）将会缩短应用程序的加载时间。如果您认为有更好的方式，请提及。

2. 我仍然在努力寻找一种方法来获得＃1下面提到的方法。仍然没有运气:-(请建议我。



Gulpfile

// include plug-ins
'use strict';
var gulp = require('gulp');
var concat = require('gulp-concat');
var htmlbuild = require('gulp-htmlbuild');
var plugins = require('gulp-load-plugins')();
var es = require('event-stream');
var clean = require('gulp-clean');
var uglify = require('gulp-uglify');
var strip = require('gulp-strip-comments');
var pump = require('pump');

// pipe a glob stream into this and receive a gulp file stream 
var gulpSrc = function (opts) {
    var paths = es.through();
    var files = es.through();
    paths.pipe(es.writeArray(function (err, srcs) {
        var fixedFiles = [];
        for (var i=0; i < srcs.length; i++)
        {
            fixedFiles[i] = srcs[i].replace("~", ".");
            console.log(fixedFiles[i]);
        }
        gulp.src(fixedFiles, opts).pipe(files);
    }));

    return es.duplex(paths, files);
};

var jsBuild = es.pipeline(
  plugins.concat('all.js'),
  gulp.dest('./Scripts/')
);

gulp.task('clean', function () {
    return pump(gulp.src('./Scripts/all.js')
            .pipe(clean({ force: true })));
});