【问题标题】:Gulp sass task running slowlyGulp sass 任务运行缓慢
【发布时间】:2014-11-12 13:10:12
【问题描述】:

我的“gulpfile.js”中有这个 Gulp 任务,它使用了gulp-ruby-sass 插件。当我运行它时,它会在至少 8 秒内完成编译。 Grunt 中的等效脚本可能需要不到 1 秒的时间,所以我对导致延迟的原因感到困惑。

'use strict';

var gulp = require('gulp');
var minifyCSS = require('gulp-minify-css');

// Load plugins
var plugins = require('gulp-load-plugins')();

var path = {
    src: function (path) {
        return './assets/' + path;
    },
    dist: function (path) {
        return './web/' + path;
    },
};

// Styles
gulp.task('styles', function () {
    return gulp.src(path.src('styles/**/*.scss'))
        .pipe(plugins.rubySass({sourcemap: false, style: 'expanded', quiet: true }))
        .pipe(plugins.autoprefixer('last 2 versions', '> 1%', 'ie 8'))
        .pipe(gulp.dest(path.src('styles')))
        .pipe(minifyCSS())
        .pipe(plugins.rename({suffix: '.min'}))
        .pipe(gulp.dest(path.dist('styles')))
        .pipe(plugins.size());
});

【问题讨论】:

  • 生成的css有多少个文件/行?为什么要保存两次结果?
  • 压缩前编译的 CSS 大约 10k 行

标签: ruby sass gulp gulp-sass


【解决方案1】:

我将 gulp-ruby-sass 换成了 gulp-sass,现在我可以在一秒钟内编译。奇妙!

【讨论】:

    猜你喜欢
    • 2017-06-06
    • 2018-12-03
    • 2015-06-14
    • 2016-08-23
    • 1970-01-01
    • 1970-01-01
    • 2017-03-13
    • 2019-11-25
    • 1970-01-01
    相关资源
    最近更新 更多