我将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'));
}