Javascript 是否存在仅在保存scss文件时才编译sass的gulp watch替代方案?
我正在寻找一种替代“gulp watch”任务的方法,该任务仅在保存scss文件时编译scss。有吗 我这样问是因为当gulp watch在我的提示符中“保持活动”时,当我开始修改scss文件中的内容时,它会让我的计算机难以置信地慢下来 对不起,如果这是一个noob问题,但我是一个新的吞咽 我的gulpfile.js如下所示:Javascript 是否存在仅在保存scss文件时才编译sass的gulp watch替代方案?,javascript,gulp,Javascript,Gulp,我正在寻找一种替代“gulp watch”任务的方法,该任务仅在保存scss文件时编译scss。有吗 我这样问是因为当gulp watch在我的提示符中“保持活动”时,当我开始修改scss文件中的内容时,它会让我的计算机难以置信地慢下来 对不起,如果这是一个noob问题,但我是一个新的吞咽 我的gulpfile.js如下所示: var gulp=require('gulp'); var sass=需要('gulp-sass'); //样式路径 var sassFiles='sass/***/.
var gulp=require('gulp');
var sass=需要('gulp-sass');
//样式路径
var sassFiles='sass/***/.scss',
cssDest='css/';
gulp.task('styles',function(){
gulp.src(sassFiles)
.pipe(sass().on('error',sass.logError))
.管道(大口目的地(cssDest));
});
gulp.task('watch',function(){
大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口;
});代码>在您的示例中,每次更改一个文件时,都会编译所有scss文件。这可能会减慢速度
如果只想编译更改后的scss文件,则需要这样做
gulp.task('watch', function() {
gulp.watch(sassFiles, function(obj) {
return gulp.src(obj.path)
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest(cssDest));
});
});