Question

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

CSS
- SCSS
  - _icon.scss
  - _admin.scss
- main.scss
- personal.scss
模块
- 指令
  - 地图
    - map.html
    - map.scss
    - map.js

我跟随着

喝了一口气

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/

Answer 2

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

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

用gulp观看所有文件？

2 个答案: