Question

我是使用gulpjs的新手。在我使用SASS和指南针之前。我按照本教程http://ericlbarnes.com/setting-gulp-bower-bootstrap-sass-fontawesome/

进行了操作

这一切都很好，但是sass编译速度非常慢，令人讨厌。

我这是我的代码：

  var gulp = require('gulp'),         
    sass = require('gulp-ruby-sass')     
    notify = require("gulp-notify")     
    bower = require('gulp-bower');

var config = {
         sassPath: './scss',
         bowerDir: './bower_components'     
}


gulp.task('css', function() {     
    return gulp.src(config.sassPath + '/style.scss')
             .pipe(sass({
                 style: 'compressed',
                 loadPath: [
                     './scss',
                     config.bowerDir + '/bootstrap-sass-official/assets/stylesheets',
                     config.bowerDir + '/fontawesome/scss',
                 ]
             })     
            .on("error", notify.onError(function (error) {
                     return "Error: " + error.message;
                 })))     
             .pipe(gulp.dest('./public/css'));     
});

gulp.task('bower', function() {     
    return bower()
             .pipe(gulp.dest(config.bowerDir))     
});

gulp.task('icons', function() {     
    return gulp.src(config.bowerDir + '/fontawesome/fonts/**.*')     
        .pipe(gulp.dest('./public/fonts'));     
});


// Rerun the task when a file changes
     gulp.task('watch', function() {
         gulp.watch(config.sassPath + '/**/*.scss', ['css']);     
});

          gulp.task('default', ['bower', 'icons', 'css']);

Answer 1

我按照建议交换了gulp-sass。

我的代码：

var gulp = require('gulp'),
sass = require('gulp-sass')
notify = require("gulp-notify")     
bower = require('gulp-bower');

var config = {     
    sassPath: './scss',
         bowerDir: './bower_components'     
}

gulp.task('css', function() {
        gulp.src(config.sassPath + '/style.scss')
            .pipe(sass({     
                    style: 'compressed',
                    includePaths: [     './scss', 
                    config.bowerDir + '/bootstrap-sass-official/assets/stylesheets',      
                    config.bowerDir + '/fontawesome/scss',      ]     
                })
                .on("error", notify.onError(function(error) {     
                    return "Error: " + error.message;     
                })))     

             .pipe(gulp.dest('./public/css'));     
});



gulp.task('bower', function() {     
    return bower()     .pipe(gulp.dest(config.bowerDir))     
});

gulp.task('icons', function() {     
    return gulp.src(config.bowerDir + '/fontawesome/fonts/**.*')     
        .pipe(gulp.dest('./public/fonts'));     
});


// Rerun the task when a file changes
     
gulp.task('watch', function() {     
    gulp.watch(config.sassPath + '/**/*.scss', ['css']);     
});

          
gulp.task('default', ['bower', 'icons', 'css']);

Gulp.js sass css编译速度非常慢

1 个答案: