每次更改文件后编译时间都会增加

Question

我最近改变了我的sass工作流程以更加模块化的方式 - 目录中的很多部分内容，而不是单个样式表 - 我注意到，编译时间变得非常糟糕。当我在我的部分中应用一些变化时它会不断增长（单个编译它甚至可以增长到10秒！）：

我的主样式表仅包含部分内容的导入，例如：

@import 'components/menu';

依旧......

这是我的gulpfile：

gulp.task('sass', function() {
  return gulp.src('scss/**/*.scss') 
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(autoprefixer('> 0.5%'))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('css'))
});
gulp.task('watch:sass', function () {
    gulp.watch('scss/**/*.scss', gulp.series('sass'));
});
gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: site,
        port: 8080,
        open: true,
        notify: false,
        files: ['./css/*.css', './js/*.js', '*.php', './include/**/*.php']
    });
});
gulp.task('default', gulp.parallel('watch:sass', 'browser-sync'));

有趣的事情：当我将所有部分内容从内部目录移动到main / scss目录时，问题不会出现。 我真的想保留那个模块化的目录树而不是一个扁平的结构。