gulp-sass经常报文件未找到

Question

在使用gulp-sass时偶尔报文件未找到的错误，但是有时候又不会报错（能正确编译）；
实际文件路径也是没问题的，代码如下：

@import "base";
@import "close_icon";

以上base对应_base.scss，close_icon对应_close_icon.scss，
使用gulp watch相关文件、gulp-sass编译，
第一行@import "base";一直没问题，
然而@import "close_icon";这一行时常报文件未找到的错误

Answer 1

sass任务只编译主引入文件，watch任务监听所有sass文件。如：

scss文件夹下main.scss：

@import "base";

scss文件夹下_base.scss：

// some styles.

则gulpfile.js可写成：

...
gulp.task('sass', function() {
    return gulp.src('scss/main.scss') // 只编译main.scss
        .pipe(sass())
        .pipe(gulp.dest('dist/css'));
});
...
gulp.task('watch:sass', function() {
    gulp.watch('scss/*.scss', ['sass']); // 监听所有.scss文件
});
...

如此，应该能解决这个问题。>_<