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