Gulp任务运行缓慢

Question

我从我的gulp构建中获得了糟糕的表现。

节点v0.10.29 Windows 8.1 x64

Gulpfile：

// based off: https://github.com/kriasoft/SPA-Seed.Front-end/blob/master/gulpfile.js

var gulp = require('gulp');
var gulpif = require('gulp-if');
var gutil = require('gulp-util');
var rimraf = require('rimraf');
var tsc = require('gulp-typescript-compiler');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');
var es = require('event-stream');
var plumber = require('gulp-plumber');
var path = require('path');
var argv = require('yargs')
    .default('target', 'local')
    .argv;

// a cache for Gulp tasks
var task = {};

// object used to help define source locations
var sources = {};

sources.commonIgnore = [
    '!vendor{,/**}',
    '!node_modules{,/**}',
    '!gulpfile.js'
]

var isLocal = argv.target === 'local';
var isBeta = argv.target === 'beta';
var isProduction = argv.target === 'production';

var destRoot = '../dist';
var destPath = path.join(destRoot, argv.target);

var typescriptOptions = {
    sourcemap: isLocal
};

// by default, only uglify if not local
var isUgly = !isLocal;

// if the "ugly" switch was included, always uglify
if (argv.ugly) {
    isUgly = true;
};

gulp.task('clean', function (cb) {
    rimraf(destPath, cb);
});

// Copy file types that do not require compilation
// or other build step (such as uglify)
sources.includes = [
    '**/*.htm*',
    '**/*.woff',
    '**/*.otf',
    '**/*.eot',
    '**/*.ttf'];
gulp.task('includes', task.includes = function () {
    var includeSources = sources.includes.concat(sources.commonIgnore);
    return gulp.src(includeSources)
        .pipe(gulp.dest(destPath));
});
gulp.task('includes-clean', ['clean'], task.includes);

// Copy vendor specific files
gulp.task('vendor', task.vendor = function () {
    return gulp.src(['vendor/**'])
        .pipe(gulp.dest(destPath + '/vendor'));
});
gulp.task('vendor-clean', ['clean'], task.vendor);

// Copy image files
sources.images = [
    '**/*.jpg',
    '**/*.png',
    '**/*.svg'];
gulp.task('images', task.images = function () {
    var imageSources = sources.images.concat(sources.commonIgnore);

    // TODO: compress images
    return gulp.src(imageSources)
        .pipe(gulp.dest(destPath));
});
gulp.task('images-clean', ['clean'], task.images);

// Copy script files
sources.typescript = ['**/*.ts'];
sources.javascript = ['**/*.js'];
gulp.task('scripts', task.scripts = function () {
    var typescriptSources = sources.typescript.concat(sources.commonIgnore);
    var javascriptSources = sources.javascript.concat(sources.commonIgnore);

    return es.concat(
        gulp.src(typescriptSources)
        .pipe(gulpif(isLocal, gulp.dest(destPath)))
        .pipe(plumber())
        .pipe(tsc(typescriptOptions))
        .pipe(gulpif(isUgly, uglify()))
        .pipe(gulp.dest(destPath)),

        gulp.src(javascriptSources)
        .pipe(plumber())
        .pipe(gulpif(isUgly, uglify()))
        .pipe(gulp.dest(destPath))
    );
});

gulp.task('scripts-clean', ['clean'], task.scripts);

// Copy style files
sources.sass = ['**/*.scss'];
sources.css = ['**/*.css'];
gulp.task('styles', task.styles = function () {
    var sassSources = sources.sass.concat(sources.commonIgnore);
    var cssSources = sources.css.concat(sources.commonIgnore);

    return es.concat(

        gulp.src(sassSources)
        .pipe(plumber())
        .pipe(sass())
        .pipe(gulp.dest(destPath)),

        gulp.src(cssSources)
        .pipe(gulp.dest(destPath))
    );
});
gulp.task('styles-clean', ['clean'], task.styles);

gulp.task('watch', task.watch = function () {

    var sassSources = sources.sass.concat(sources.commonIgnore);
    gulp.watch(sassSources, ['styles']);

    var cssSources = sources.css.concat(sources.commonIgnore);
    gulp.watch(cssSources, ['styles']);

    var typescriptSources = sources.typescript.concat(sources.commonIgnore);
    gulp.watch(typescriptSources, ['scripts']);

    var javascriptSources = sources.javascript.concat(sources.commonIgnore);
    gulp.watch(javascriptSources, ['scripts']);

    var imageSources = sources.images.concat(sources.commonIgnore);
    gulp.watch(imageSources, ['images']);

    var includeSources = sources.includes.concat(sources.commonIgnore);
    gulp.watch(includeSources, ['includes']);

    gulp.watch(['vendor/**/*'], ['vendor']);

    // Watch for changes in 'compiled' files
    gulp.watch(destPath + '/**', function (file) {
        var lr = require('gulp-livereload');
        gutil.log('File changed: ' + gutil.colors.magenta(file.path));
        lr.changed(file.path);
    });
});

gulp.task('build', [
    'includes-clean',
    'vendor-clean',
    'images-clean',
    'styles-clean',
    'scripts-clean']);

// launch a lightweight HTTP Server
gulp.task('run', ['build'], function (next) {
    var url = require('url'),
        fileServer = require('ecstatic')({ root: destPath, cache: 'no-cache', showDir: true });

    getAvailablePort(8080, function (port) {
        require('http').createServer()
            .on('request', function (req, res) {
                fileServer(req, res);
            })
            .listen(port, function () {
                gutil.log('Server is listening on ' + gutil.colors.magenta('http://localhost:' + port + '/'));
                next();
            });
    });
});

function getAvailablePort(startingPort, cb) {
    var server = require('http').createServer();
    var port = startingPort;

    server.on('error', function (err) {
        getAvailablePort(port + 1, cb);
    });

    server.listen(port, function (err) {
        server.once('close', function () {
            cb(port);
        });
        server.close();
    });
}

gulp.task('watch', ['run'], task.watch);

gulp.task('default', ['watch']);

的package.json：

{
  "name": "buildTest",
  "version": "0.0.1",
  "devDependencies": {
    "cordova-lib": "^0.21.6",
    "ecstatic": "^0.5.4",
    "event-stream": "^3.1.5",
    "gulp": "^3.8.5",
    "gulp-debug": "^0.3.0",
    "gulp-if": "^1.2.1",
    "gulp-livereload": "^2.1.0",
    "gulp-plumber": "^0.6.4",
    "gulp-sass": "^0.7.2",
    "gulp-typescript-compiler": "^1.0.0",
    "gulp-uglify": "^0.3.1",
    "gulp-util": "^3.0.0",
    "karma": "^0.12.16",
    "karma-chrome-launcher": "^0.1.4",
    "karma-jasmine": "^0.1.5",
    "mkdirp": "^0.5.0",
    "q": "^1.0.1",
    "rimraf": "^2.2.8",
    "typescript": "^1.0.1",
    "url": "^0.10.1",
    "yargs": "^1.2.6"
  }
}

＆＃34;包括 - 清洁＆＃34;任务是一个很好的起点。该任务将htm *和字体文件复制到我的dist输出。对于我目前的测试项目，它匹配7个文件，总共32kb。不应该花很长时间，但我平均需要15秒才能完成任务。

我怀疑我处理commonIgnore列表的方式可能是问题所在。如果gulp遍历所有node_modules和vendor文件夹（即使它们应该被忽略），它可能会导致速度减慢。

Answer 1

我认为你处理排除的方式是正确的。 node_glob源中的注释意味着将针对与非否定模式匹配的所有内容测试否定模式。我认为您应该将源文件移到dev或src目录下，这样您就不必排除node_modules等。