Gulp不看.scss文件?

时间:2015-06-28 10:04:19

标签: sass npm gulp watch

我的设置如下所述。好消息:样式正在编译,坏消息:gulp似乎没有看到scss文件进行更改并自动编译?

// Include gulp
var gulp = require('gulp'); 


// Plugins
var concat = require('gulp-concat');
var stripDebug = require('gulp-strip-debug');
var uglify = require('gulp-uglify');
var include = require('gulp-include');
var sass = require('gulp-sass');
var minifycss = require('gulp-minify-css');

// Styles
gulp.task('styles', function() {
    gulp.src('./_themes/blanktheme/ui/scss/styles.scss')
        .pipe(include())
        .pipe(sass({
            errLogToConsole: true
        }))
        .pipe(minifycss())
        .pipe(gulp.dest('./_themes/blanktheme/ui/css/'))
});


// Watch
gulp.task('default', ['watch'], function() {
    gulp.watch('./_themes/blanktheme/ui/scss/*.scss', ['styles']);
});

gulp.task('default', ['styles', 'watch']);

1 个答案:

答案 0 :(得分:1)

我认为这是因为你有两个任务document.body.querySelector(".next-previous a:nth-child(2)").click(); 。我猜gulp忽略第一个(default)只触发第二个。然后你有手表的依赖,但似乎手表不存在?

您可以在本地安装gulp-watch,并将其包含在您的文件中。看看gulp-watch documentation它可能会有所帮助。

试试这个:D

gulp.watch