0

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

1 回答 1

0

我只是想通了。可以这样做。

let watcher = gulp.watch(css.watch);

watcher.on('change', function(path) {
  console.log(path);
  style();
}
于 2019-04-12T07:42:43.063 回答