のVisual StudioでのVisual Studio（タスクランナーエクスプローラ）で

Question

を一気-SASS-グロブを使用して、私は私のSCSSでゴクゴク-SASS-グロブを使用しようとしています：

gulpfile.js

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    sassGlob = require('gulp-sass-glob'); 

gulp.task('css', function() { 
    return gulp.src('./gulp/scss/**/*.scss') 
    .pipe(sassGlob()) 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ outputStyle: 'compressed' })) 
    .pipe(sourcemaps.write('.')) 
    .pipe(gulp.dest('./css')); 
}); 

site.scss

@import "modules/**/*.*"; 

しかし、タスクランナーエクスプローラで、私は次のエラーを取得する：

Error: File to import not found or unreadable: modules/**/*.* 
Parent style sheet: C:/Users/.../scss/site.scss 
    on line 95 of gulp/scss/site.scss 
    >> @import "modules/**/*.*"; 

Visual StudioでSCSSとgulpを使用しているときに、このエラーを修正する方法がわかっている人はいますか？

Answer 1

gulp-sass-globは、パスグロビングにglobパッケージを使用します。そのドキュメントhas this to sayについて**：

** If a "globstar" is alone in a path portion, then it matches zero or more directories and subdirectories searching for matches.

お知らせ太字の部分。 **は、スラッシュ間の唯一のものが/の場合にのみ特別な意味を持っています。

あなたsite.scssに次のように試してみてください。

@import "modules/**/*.*";