Gulp.js开始sass任务，但没有完成 [英] Gulp.js starts sass task but doesn't finish

问题描述

我的gulpfile.js

My gulpfile.js

var gulp = require('gulp');

// plugins
var sass = require('gulp-sass');
var minifycss = require('gulp-minify-css');

// compile sass
gulp.task('sass', function() {
    return gulp.src('static/css/scss/main.scss')
        .pipe(sass())
        .pipe(minifycss())
        .pipe(gulp.dest('/static/css/main.css'));
});

gulp.task('watch', function() {
    gulp.watch('static/css/scss/*.scss', ['sass']);
})

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

当我运行 gulp 时，我得到以下输出：

When I run gulp I get the following output:

[gulp] Using gulpfile /var/www/example/gulpfile.js
[gulp] Starting 'watch'...
[gulp] Finished 'watch' after 21 ms
[gulp] Starting 'default'...
[gulp] Finished 'default' after 23 μs

然后，当我保存我的 main.scss 文件时，它会输出：

Then when I save my main.scss file it outputs:

[gulp] Starting 'sass'...

在这一点上，它只是挂起，永远不会结束。我在做什么错了？

At which point it just hangs and never finishes. What am I doing wrong?

推荐答案

sass任务内的返回似乎破坏了它，将我的gulpfile.js更新为以下内容让它工作：

The return inside the sass task seemed to break it, updated my gulpfile.js to following to get it working:

var gulp = require('gulp');

// plugins
var sass = require('gulp-sass');
var minifycss = require('gulp-minify-css');

// compile sass
gulp.task('sass', function() {
    gulp.src('static/css/scss/main.scss')
        .pipe(sass())
        .pipe(minifycss())
        .pipe(gulp.dest('/static/css'));
});

gulp.task('watch', function() {
    gulp.watch('static/css/scss/*.scss', ['sass']);
})

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

这篇关于Gulp.js开始sass任务，但没有完成的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！