在 Visual Studio 中使用 gulp-sass-glob答案

【问题标题】：Using gulp-sass-glob in Visual Studio在 Visual Studio 中使用 gulp-sass-glob
【发布时间】：2016-06-28 11:51:33
【问题描述】：

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

site.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 时是否可以实现？

【问题讨论】：

标签： c# visual-studio sass gulp sass-globbing

【解决方案1】：

gulp-sass-glob 使用 glob 包进行路径通配。它的文档has this to say 关于**：

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

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

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

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

【讨论】：