Разбить all.js на несколько файлов
Я работал над приложением Angular JS. Я написал набор команд gulp для удаления / удаления комментариев из кода JS. Когда я запускаю веб-приложение и отслеживаю сетевой трафик, я заметил, что минимизированный (uglified) файл 'all.js' занимает довольно много времени для загрузки (пожалуйста, забудьте о кэшировании).
Я полагаю, что разбиение файла all.js (до или после обработки) на несколько частей (скажем, четыре части) уменьшит время загрузки приложения. Пожалуйста, укажите, если вы считаете, что есть лучший способ (ы).
Тем не менее я изо всех сил пытаюсь найти способ получить подход к вышеупомянутому методу под #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 })));
});