设置我的gulp任务以自动观察我的scss更改时出现问题。我正在创建一个快速应用程序,我有一个这样的文件夹:
首先,我在终端gulp watch
中执行我的gulp任务。基本上,当我添加另一个css条件,如body {height: 25%;}
并保存我的部分,它不会将其转换为CSS。它只适用于main.scss文件。但是使用_
(部分scss)它没有。
这是我的gulpfile.js
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function(){
return gulp.src('public/sass/**/*.scss')
.pipe(sass({outputStyle: 'compressed'})) // Using gulp-sass
.pipe(gulp.dest('public/stylesheets'))
});
gulp.task('watch', function(){
gulp.watch('public/sass/**/*.scss', gulp.parallel('sass', function(done) {
// do more stuff
done();
}))
})
我尝试改变像*.scss
,**/*.scss
,*.+(scss|sass)
这样的球,但它不起作用。
请帮忙
你的代码对我来说没问题。你导入了这样的所有部分吗?
@import 'auth';
@import 'blog-show';
/* more imports ... */