Gulp加速SASS编译

Gulp加速SASS编译,sass,gulp,Sass,Gulp,我正在使用Gulp和livereload来编译我的sass。由于我每次更改时都会将Compass添加到构建中,因此sass任务最多需要5秒才能完成 我读过各种各样的缓存插件,比如,但是我不能让它工作。当我添加gulp cached时,compliation时间下降到大约20ms,它只处理更改的sass部分,但sass任务的其余部分不运行 这是我的任务 gulp.task('styles', function () { return gulp.src( paths.scss )

我正在使用Gulp和livereload来编译我的sass。由于我每次更改时都会将Compass添加到构建中,因此sass任务最多需要5秒才能完成

我读过各种各样的缓存插件,比如,但是我不能让它工作。当我添加gulp cached时,compliation时间下降到大约20ms,它只处理更改的sass部分,但sass任务的其余部分不运行

这是我的任务

gulp.task('styles', function () {
    return gulp.src( paths.scss )
        .pipe( cache( 'sass' ) )
        .pipe( scss( options.scss ).on( 'error', gutil.log ) )
        .pipe( autoprefix( options.autoprefix ) )
        .pipe( gulp.dest( dests.css ) )
        .pipe( livereload() )
        .pipe( notify( { message: 'CSS task complete.' } ) );
});
我的完整文件可以在这里找到:


缓存插件应该与sass编译一起工作还是应该这样工作?

在gulp中使用缓存的原因是为了不处理不必要的文件。如果您的任务是获取一个文件夹中的图像并对其进行转换或压缩,那么您不希望在每次更改图像时都对所有图像运行该任务。缓存插件通过只传送已更改的文件来确保这一点

这不适用于Sass或将多个文件合并为一个文件的任何其他内容,因为它将忽略编译结果中未更改的文件


不过,Sass确实有自己的缓存,因此使用gulp缓存的优势即使有效也值得怀疑。

我怀疑是这样的。谢谢你的回答!