web-dev-qa-db-ja.com

TypeError：グロブパターン文字列が必要です

gulp-Ruby-sassを使用してsassをコンパイルしようとしていますが、TypeError: glob pattern string requiredを取得しています。

これは私のgulpfile.jsがどのように見えるかです：

var gulp = require('gulp'),
    sass = require('gulp-Ruby-sass');

var paths = {
    sassSrcPath: ['Content/css/**/*.scss'],
    sassDestPath: ['build/css/'],
    sassImportsPath: ['Content/styleguide/']
};

// Styles Task
gulp.task('styles', function () {
    gulp.src(paths.sassSrcPath)
        .pipe(sass({
            style: 'compressed',
            loadPath: [paths.sassImportsPath]
        }))
        .pipe(gulp.dest(paths.sassDestPath));
});

// Watch Task
gulp.task('watch', function () {
    gulp.watch(paths.sassSrcPath, ['styles']);
});

gulp.task('default', ['styles', 'watch']);

これが私のフォルダ構造です：

├── Content
│   ├── css
│   │   ├── partials
│   │   │   └─_icons.scss
│   │   ├── main.css.scss
│   │   └── styleguide.css.scss
│   └── styleguide
│       ├── css
│       │   └─ vendor
│       │      └─ // Bunch of other folders that contain .sass files
│       └── // Other .sass files
└── gulpfile.js

私はGulpを初めて使用し、Gruntも使用したことがないので、些細な間違いをした場合は失礼します。

gulpgulp-ruby-sass
9
msmolcic

docs を見ると、gulp-Ruby-sassにパイプすることになっているようには見えませんが、次のように直接呼び出します。

gulp.task('styles', function () {
    return sass(paths.sassSrcPath, {
            style: 'compressed',
            loadPath: [paths.sassImportsPath]
        })
        .pipe(gulp.dest(paths.sassDestPath));
});
18
kombucha