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も使用したことがないので、些細な間違いをした場合は失礼します。
docs を見ると、gulp-Ruby-sass
にパイプすることになっているようには見えませんが、次のように直接呼び出します。
gulp.task('styles', function () {
return sass(paths.sassSrcPath, {
style: 'compressed',
loadPath: [paths.sassImportsPath]
})
.pipe(gulp.dest(paths.sassDestPath));
});