如何使用Gulp编译sass
文件并将其从sass/**
文件夹移动到css/**
目录?
src('sass/**/*.sass')
dest('css/**/*.css')
PS:每个sass
文件都必须有它的编译css
-版本(没有文件串联)
PPS:我不能使用sass --w sass:css
方法,因为我还必须观察其他文件(.js
、.jade
)的更改
在您的gullfile.js 中
var gulp = require('gulp');
var sass = require('gulp-sass');
// styles task : for generating css
gulp.task('styles', function() {
return gulp.src('sass/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('css/'))
});
// watch task : which will watch for changes, and run styles task
gulp.task('watch', function() {
gulp.watch('sass/**/*.scss', ['styles']);
});
然后在终端中运行以下
gulp watch