gulp-sass - Gulp 4 排除一个 sass 文件

Question

有没有办法在构建时排除 sass 文件？我有以下代码：

function style() {
return gulp
    .src(['./src/scss/**/*.scss', '!./src/scss/styleguide/**'])
    .pipe(gulpif(isDevelopment, sourcemaps.init()))
    .pipe(sassGlob())
    .pipe(sass())
    .on("error", sass.logError)
    .pipe(postcss([autoprefixer(), cssnano()]))
    .pipe(gulpif(isDevelopment, sourcemaps.write()))
    .pipe(gulp.dest(paths.styles.dest))
    .pipe(gulpif(isDevelopment, browserSync.stream()));}

我想排除 styleguide 文件夹中的所有内容。有任何想法吗？

Answer 1

你的代码对我有用。使用gulp-debug检查哪些文件正在传递到流中。

const debug = require("gulp-debug");

function style() {
return gulp

    // try both ways to see the difference
    //.src(['./src/scss/**/*.scss'])
    .src(['./src/scss/**/*.scss', '!./src/scss/styleguide/**'])

    .pipe(debug());

    //.pipe(gulpif(isDevelopment, sourcemaps.init()))
    //.pipe(sassGlob())
    //.pipe(sass())
    //.on("error", sass.logError)
    //.pipe(postcss([autoprefixer(), cssnano()]))
    //.pipe(gulpif(isDevelopment, sourcemaps.write()))
    //.pipe(gulp.dest(paths.styles.dest))
    //.pipe(gulpif(isDevelopment, browserSync.stream()))
}

当我使用此代码设置您的文件夹结构时，我看到styleguide文件夹文件没有被传递。

├── gulpfile.js
├── src
|  └── scss
|     ├── main.scss
|     └── styleguide
|        └── test1.scss