gulp-watch仅适用于初始运行

时间:2014-06-28 07:45:21

标签: gulp gulp-watch

我做了什么?

  1. 运行gulp(正在处理SCSS文件,我得到一个CSS文件)
  2. 我再次更改任何SCSS文件
  3. 预期:

    • 来自1.的CSS文件将使用2的更改进行更新。

    会发生什么?

    • 来自1.的CSS文件未更改

    命令行输出:

    $ gulp
    [09:24:28] Using gulpfile c:\Users\User\_dev\github\project\gulpfile.js
    [09:24:28] Starting 'sass'...
    [09:24:28] Finished 'sass' after 98 ms
    [09:24:28] Starting 'default'...
    [09:24:28] Finished 'default' after 7.31 μs
    [09:24:35] sass-watch saw _base.scss was changed
    [09:25:39] sass-watch saw _base.scss was changed
    

    gulpfile.js:

    gulp.task('sass', function() {
        watch({ glob: 'css/**/*.{scss,sass}', name: 'sass-watch'})
            .pipe(plumber())
            .pipe(sass())
            .pipe(gulp.dest('css'))
    });
    
    gulp.task('default', ['sass']);
    

    注意:

    源文件的输入方式并不重要。使用gulp.src()

    时,结果保持不变

1 个答案:

答案 0 :(得分:0)

我不认为你的sass任务写得正确。

尝试这样的事情:

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

gulp.task('sass', function () {
    gulp.src('PATH-TO-SASS-FILES/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
});
相关问题