Question

Gulp插件 gulp-ruby-sass （https://github.com/sindresorhus/gulp-ruby-sass）没有编译，终端中的错误信息就像这样

错误：必须提供模式

这是 gulpfile.js 详细信息

var gulp = require('gulp'),
  uglify = require('gulp-uglify'),
    sass = require('gulp-ruby-sass');

    gulp.task('styles', function (argument) {
        gulp.src('sass/app.scss')
            .pipe(sass())
            .pipe(gulp.dest('css/'));
    });

Answer 1

gulp-ruby-sass语法已更改：

instead of:                          it is now:

gulp.task('styles', function (){     gulp.task('styles', function (){
    gulp.src('sass/app.scss')            return 
        .pipe(sass())                        sass('sass/app.scss')
        .pipe(gulp.dest('css/')              .pipe(gulp.dest('css/')
    ;                                    ;
});                                  });

请检查并将问题标记为已解决。

Answer 2

official gulp-ruby-sass documentation说它应该这样做：

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');    

gulp.task('sass', function () {
  return sass('source/file.scss')
    .on('error', sass.logError)
    .pipe(gulp.dest('result'));
});

Answer 3

安装 libsass ，因为它比ruby sass运行得快得多，它适用于节点

npm install gulp-sass --save-dev`

安装 gulp load plugins ，因为它做了这么多并加载来自你的json的插件，你不需要在你的gulpfile中声明（小心你使用了多少，因为如果加载太多会阻碍它表现）

npm install --save-dev gulp-load-plugins

 var gulp = require('gulp'),
      $ = require('gulp-load-plugins')({
        pattern: ['gulp-*', 'gulp.*'],
        replaceString: /\bgulp[\-.]/,
        lazy: true,
        camelize: true
      });

gulp.task('libsass', function () {
      gulp.src('sass/app.scss')
          .pipe($.sass({errLogToConsole: true}))
          .pipe($.autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
           }))
          .pipe($.sourcemaps.write('app/css/map'))
          .pipe(gulp.dest('app/css'))
  });

gulp plugin gulp-ruby-sass没有编译

3 个答案: