正在通过大口跑去当我SCSS不被转换成CSS

时间:2019-02-02 18:31:38

标签: css sass gulp

我正在使用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

0 个答案:

没有答案