【问题标题】:Gulp not watching all tasksGulp 没有观看所有任务
【发布时间】:2016-07-14 22:12:47
【问题描述】:

我试图将我的 SASS 编译为 CSS,但我的 gulp 只在第一个任务上观察 - 哪里不好?
gulpfile.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

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

【问题讨论】:

  • 我认为只需将 return 语句添加到您的“样式”和“引导”任务可能会解决此问题。另外,您的 bootstrap.scss 将在您的 sass/*.scss 流中,但它不会出现你想要的。

标签: javascript gulp


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多