gulp插件，gulp ruby-sass不编译

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

语法已被更改：

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插件，因为它做了很多工作，从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'))
  });