css - Gulp + SASS + BrowserSync 不适用于新创建的部分

Question

我正在使用一个非常简单的 Gulp 设置以及 SASS 和 BrowserSync。

//require plugins here

// Paths

var styleSRC = './assets/css/style.scss'; // Path to main .scss file.
var styleDestination = './  '; 
var styleWatchFiles = './assets/css/**/*.scss'; 


// BrowserSync
gulp.task('browser-sync', function () {
    browserSync.init({
        proxy: projectURL,
        open: false,
        injectChanges: true  
    });
});


//Task

gulp.task('styles', function () {
    gulp.src(styleSRC)
        .pipe(sass({
            errLogToConsole: true,
        }))
        .on('error', console.error.bind(console)).pipe(autoprefixer(AUTOPREFIXER_BROWSERS))
        .pipe(gulp.dest(styleDestination))
        .pipe(browserSync.reload({
            stream: true
        }));
});

// Watch
gulp.task('default', ['styles', 'browser-sync'], function () {
    gulp.watch(styleWatchFiles, ['styles']); 
});

问题是此设置无法识别何时创建新的部分文件。所以如果我创建一个部分然后将它添加到 style.scss 没有任何事情发生，Sass 没有编译 -> 所以你已经从控制台手动调用任务。

是否可以在添加新部分时自动编译Sass？

Answer 1

如果您从源路径中删除“./”，它将按照您期望的方式工作

据我所知这是一个 Windows 独有的问题这是一个描述问题的 github 问题:https://github.com/gulpjs/gulp/issues/1422

应该在 gulp 4.x 中修复，但仍处于 alpha 阶段