c# - 在 Visual Studio 中使用 gulp-sass-glob

Question

在 Visual Studio (Task Runner Explorer) 中，我试图在我的 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/**/*.*";

但在 Task Runner Explorer 中，我收到以下错误：

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包进行路径通配。它的文档有这样的说法**：

**如果“globstar”在路径部分中单独存在，则它匹配零个或多个目录和子目录以搜索匹配项。

注意粗体部分。这意味着**只有两个斜线之间唯一的东西时才具有特殊含义/。

在您的site.scss中尝试以下操作：

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