6

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

3 に答える 3

17

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

チェックアウトして、問題を解決済みとしてマークしてください。

于 2015-11-02T04:55:14.803 に答える
6

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'));
});
于 2015-10-12T14:30:09.247 に答える
2

ruby sass よりもはるかに高速に実行されるため、 libsassをインストールします。ノードで動作します

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'))
  });
于 2016-02-08T15:27:41.597 に答える