Question

我正在尝试设置gulp以观看我的所有sass文件，但是我的子目录遇到了问题。

这是我在scss文件夹中的文件结构：
default.scss
-base
-components

我的gulpfile设置如下：

const SCSS_SRC  = './src/assets/scss/**/*.scss';
const SCSS_DEST = './src/assets/css';

gulp.task('sass', function () {
    return gulp.src(SCSS_SRC)
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min' }))
    .pipe(changed(SCSS_DEST))
    .pipe(gulp.dest(SCSS_DEST))
});

gulp.task('default', function () {
    gulp.watch(SCSS_SRC, ['sass']);
});

当我第一次运行gulp时，一切都正常编译，但如果我在子目录中对我的sass文件进行更改，则不会编译它们。
如果我对默认样式进行更改，则会编译子目录中的文件。但我不想每次更新其他文件时都要更新默认文件。

这是我第一次使用gulp，所以如果我遗漏了一些明显的东西，我很抱歉。

Answer 1

我建议只需删除管道（changed（））调用，因为更改通常用于在gulp.src之后立即过滤流。除非你有一个庞大的项目，否则我认为它不会在gulp.dest之前发挥作用。尝试看看它是否有帮助是一件容易的事。

gulp不看我的子目录

1 个答案: