ruby-on-rails - 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

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 快得多，它适用于 node

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