我正在使用带有livereload的Gulp来编译我的sass。自从我将Compass添加到我的构建中,每次更改后,sass任务需要长达5秒才能完成。
我已经阅读了各种缓存插件,例如gulp-cached,但我无法让它起作用。当我添加gulp-cached时,编译时间降低到约20毫秒,并且它只处理已更改的sass部分,但是其余的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.' } ) );
});
这是我的完整gulpfile,可以在这里找到:http://hastebin.com/oxuxegayoj.coffee
缓存插件应该与sass编译一起工作吗?或者说这就是它的工作方式?