没看过.scss文件吗？

Question

我按照以下概述进行设置。 好消息：正在编译样式，坏消息：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']);

Answer 1

我认为这是因为您有两个default任务。 我猜gulp.watch忽略了第一个（使用gulp.watch ），仅触发了第二个。 那么您对watch有依赖关系，但是好像watch不存在？

您可以在本地安装gulp-watch，并将其包含在文件中。 看一看可能有用的gulp-watch文档 。

试试这个：D

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

// 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('watch', function() {
    watch('./_themes/blanktheme/ui/scss/*.scss', function () {
        gulp.start('styles');
    });
});

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