gulp plugin gulp-ruby-sass没有编译

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

官方的gulp-ruby-sass文档说它应该这样做：

 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')) });