使用 gulp 观看所有文件？

Question

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

css
- 秒css
  - _icon.scss
  - _admin.scss
- main.scss
- personal.scss
模块
- 指令
  - 地图
    - 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

我制作了一个 gulp 插件以允许使用节点 sass 进行增量缓存。

试一试： https://github.com/hitmands/gulp-sass-pedigree

Answer 2

如果您的 'sass' 任务编译正确，那么您只需要一个 watch 任务即可自动运行该任务。

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

当您运行 gulp 时将其添加到 'default' 任务中，使其自动运行 ....

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

https://gulpjs.com/

使用 gulp 观看所有文件？

Watch all files with gulp?

javascript

gulp

gulp-sass

gulp-watch

gulp-sourcemaps