0

Visual Studio (タスク ランナー エクスプローラー) で、SCSS で gulp-sass-glob を使用しようとしています。

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

サイト.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 を使用しているときにこれが達成可能であるかどうかを知っていますか?

4

1 に答える 1