在Visual Studio中使用gulp-sass-glob

本文关键字：gulp-sass-glob Visual Studio | 更新日期: 2023-09-27 17:52:15

在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/**/*.*";

但是在任务运行器资源管理器中，我得到以下错误:

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/**/*.*";

有没有人知道如何修复这个错误，或者如果这是甚至可以实现时使用SCSS和gulp在Visual Studio?

在Visual Studio中使用gulp-sass-glob

gulp-sass-glob使用glob包进行路径globing。**的文档是这样说的:

**如果"globstar"在路径部分中单独为，则匹配零个或多个目录和查找匹配的子目录。

注意加粗的部分。这意味着**只有在两个斜杠/之间才有特殊意义。

在站点中尝试以下操作。

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

相关文章：