css - 通过 gulp 运行时，我的 scss 没有被转换为 css

Question

我正在使用 gulp 将我的 SCSS 转换为 CSS，但是每当我在我的 gulp 服务器运行时创建一个新的 SCSS 文件时，SCSS 都不会被转换为 CSS。

我最初认为这是因为 SCSS 函数没有分配给默认的 gulp 函数，但是在将其添加到 gulp.task('default') 之后它仍然没有工作。我对创建自己的 gulp 文件还很陌生，非常感谢任何帮助

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

gulp.task('connect', function() {
    connect.server({
        livereload: true
    });
});

gulp.task('scss', function() {
    gulp.src('scss/**/*.scss')
        .pipe(sass().on('error' , sass.logError))
        .pipe(gulp.dest('css/'))
        .pipe(connect.reload())
});

gulp.task('html' , function() {
    gulp.src('./**/*.html')
        .pipe(connect.reload())
});

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

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

我只想将我的 SCSS 转换为 CSS

标签： csssassgulp