我正在使用Gulp将我的SCSS编译成CSS。当我启动Gulp命令时,它将编译所有内容,但是当我对我的一个SCSS文件进行更改时,Gulp什么都不做。显然这是我的手表的问题吗?
我不知道我的生活弄清楚了什么,我一直在寻找几个小时。
这是我的Gulpfile.js和文件夹的样子。
// Include gulp
var gulp = require('gulp');
// Include Our Plugins
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
// Compile Our Sass
gulp.task('sass', function() {
return gulp.src('scss/*.scss')
.pipe(sass({outputStyle: 'compressed'}))
.pipe(gulp.dest('css'));
});
// Watch Files For Changes
gulp.task('watch', function() {
gulp.watch('scss/*.scss' ['sass']);
});
// Default Task
gulp.task('default', ['sass', 'watch']);
文件夹结构:
gulpfile.js
|
|_ [scss folder]
app.scss (this has all my imports)
|
|_ [pages folder]
_thing.scss
_thingtwo.scss
|_ [general folder]
_general.scss
_generaltwo.scss
|_ [widgets folder]
_widget.scss
_widgettwo.scss
[css folder]
我相信我的Gulp手表正在查看我的scss文件夹,以查看任何文件夹中任何scss的任何更改。我尝试将我的部分移动到scss文件夹中,但是当我保存时它仍然无法编译。
答案 0 :(得分:1)
你在那里的glob字符串只能看到一个文件夹深。如果要查看scss目录及其所有子目录中的所有文件,请在监视任务中将glob语句更改为svg
。