吞咽不看所有任务

Gulp not watching all tasks

本文关键字:任务 不看      更新时间:2023-09-26

我试图将我的 SASS 编译为 CSS,但我的 gulp 只在第一个任务上观看 - 哪里不好?
古尔普文件.js

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('styles', function() {
    gulp.src('sass/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css/'));
});
gulp.task('bootstrap', function() {
    gulp.src('sass/bootstrap/bootstrap.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./plugins/bootstrap/css/'));
});
gulp.task('default',function() {
    gulp.watch('sass/*.scss',['styles']);
    gulp.watch('sass/bootstrap/*.scss',['bootstrap']);
});

我的文件结构:

assets
-- css/
---- style.css
-- node_modules/
---- (files from node)
-- sass/
---- bootstrap/
------- (parts of bootstrap)
---- bootstrap.scss
---- style.scss
-- gulpfile.js
-- package.json

我要编译:
assets/sass/style.scss -> assets/css/style.css
assets/sass/bootstrap.scss -> assets/plugins/bootstrap/css/bootstrap.min.css

您是否尝试过将默认值更改为关注?

gulp.task('styleswatch', function() {
   gulp.watch('sass/*.scss',['styles']);
}
gulp.task('bootstrapwatch', function() {
   gulp.watch('sass/*.scss',['bootstrap']);
}
gulp.task('default',['styleswatch','bootstrapwatch']);