javascript - 用 gulp 观看所有文件？

Question

目前我的文件夹结构如下。

• CSS
  • scss
    • _icon.scss
    • _admin.scss
  • main.scss
  • 个人.scss
• 模块
  • 指令
    • map
      • map .html
      • map .scss
      • map .js

我有以下的 gulp sass

gulp.task("sass", function() {
    return gulp.src('css/main.scss') // location of main scss file name
        .pipe(sourcemaps.init()) //TODO: important, comment out this line in staging and production
        //.pipe(rename({suffix: '.min'})) // include this to rename the file to fileName.min.css
        //.pipe(minifycss()) // include this to minify the file
        .pipe(sass.sync().on('error', sass.logError))
        .pipe(sourcemaps.write()) //TODO: important, comment out this line in staging and production
        .pipe(concat("main.min.css"))
        .pipe(gulp.dest('./css'));
});

我想在发生任何更改时查看根目录中扩展名为 .scss 的所有文件。

Answer 1

如果你的“sass”任务编译正确，那么你只需要一个监视任务来自动运行该任务。

gulp.task('watch', function() {
    gulp.watch(['./**/*.scss'], ['sass'])
});

通过将其添加到“默认”任务中，使其在运行 gulp 时自动运行....

gulp.task('default', ['sass', 'watch'])

https://gulpjs.com/