Gulp突然编译得非常缓慢

Question

最近,我无论如何都可以告诉我,严格的sass任务的gulp编译时间变得极其缓慢.他们现在每次编译平均大约18-20秒,这是非常缓慢的.我尝试从ruby-sass切换到node-sass,但是node-sass似乎不支持几乎任何我需要的3.3 sass语法(特别是map).在他们全部在ms范围之前; 我永远不会记得他们超过1秒.

这是我的sass任务文件:

var gulp         = require('gulp');
var sass         = require('gulp-ruby-sass');
var autoprefixer = require('gulp-autoprefixer');
var minifycss    = require('gulp-minify-css');
var notify       = require('gulp-notify');
var rename       = require('gulp-rename');
var handleErrors = require('../util/handleErrors');
var browserSync  = require('browser-sync');

gulp.task('styl', function() {
    return gulp.src('styl/src/screen.scss')
        .pipe(sass({sourcemap: false, style: 'compact'}))
        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(gulp.dest('styl/bld'))
        .pipe(rename({suffix: '.min'}))
        .pipe(minifycss())
        .pipe(gulp.dest('../bld'))
        .pipe(notify({ message: 'Styles task complete' }))
        .pipe(browserSync.reload({ stream: true, notify: false }))
        .on('error', handleErrors);
});

这是最近的一次运行,也是:

[11:56:22] Starting 'setWatch'...
[11:56:22] Finished 'setWatch' after 44 ?s
[11:56:22] Starting 'browserify'...
[11:56:22] Running 'bundle'...
[11:56:22] Starting 'uglify'...
[11:56:22] Finished 'uglify' after 11 ms
[11:56:22] Starting 'styl'...
[11:56:24] Finished 'bundle' in 1.76 s
[11:56:24] Finished 'browserify' after 1.76 s
[11:56:38] Finished 'styl' after 16 s
[11:56:38] Starting 'build'...
[11:56:38] Finished 'build' after 15 ?s
[11:56:38] Starting 'browserSync'...
[11:56:38] Finished 'browserSync' after 6.28 ms
[11:56:38] Starting 'watch'...
[11:56:38] Finished 'watch' after 46 ms
[11:56:38] Starting 'default'...
[11:56:38] Finished 'default' after 32 ?s
[BS] Proxy running. Use this URL: http://10.0.1.6:3002
[11:56:45] Starting 'styl'...
[BS] File Changed: screen.min.css
[BS] Injecting file into all connected browsers...
[11:57:05] Finished 'styl' after 20 s

Answer 1

这个问题的答案与 Gulp 无关，而是与链接到此https://github.com/sass/sass/issues/1019的评论中可能的重复内容有关。

我通过从 Susy 2.x 切换回 Susy 1.x 暂时修复了此问题。根据上面引用的链接中 Kaij 的评论，基本上 Susy 中每次使用 span() 都绝对会缩短编译时间：切换回 Susy 1.x 将我的编译时间从约 24 秒缩短到约 4 秒。我不确定同样的问题是否与其他框架有关，但我认为可能是。

编辑：有关该问题的更多信息，具体针对 Susy：https ://github.com/ericam/susy/issues/325#issuecomment-47670013