我使用Gulp 4和gulp-sass。我尝试做的是以下内容。
watch
应该喜欢它,观看所有.scss
文件。style()
中,仅处理当前文件。custom/components/header/header.scss
,那么只应处理custom/components/header/header.scss
,而不是所有文件。assets/css/dist/header/header.css
这样的文件名src
和dest
都是未知的,因为我没有一个文件可以抓住。custom/components
中删除dest
,但重要的是我可以让当前文件开始使用它。gulp.watch('custom/components/**/*.scss', style);
function style() {
return gulp
.src()
.pipe(sass())
.on('error', sass.logError)
.pipe(gulp.dest('assets/css/dist'));
}
我只是搞清楚了。有可能这样做。
let watcher = gulp.watch(css.watch);
watcher.on('change', function(path) {
console.log(path);
style();
}