Question

我设置了简单的gulp工作流程，但是当我更改scss文件时，它不会看到这个文件

我的目录看起来像这样。

project
   |-css
   |-js
   |-index.html
sass
   |-sass file here
gulpfile.js

查看代码......

gulp.task('sass',function(){
    gulp.src('./sass/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass({
      outputStyle: 'expanded'
    }))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('./project/css/'));
});

gulp.task('watch',function(){
    watch('./sass/**/*',['sass']);
});


gulp.task('server',function(){
    gulp.src('./project')
    .pipe(server({
        livereload: true,
        port: 3000,
        open: true
    }));
})

gulp.task('default',['server','watch','sass']);

这篇文章中有什么问题，我现在该如何解决这个问题？

Answer 1

正如我们在您的目录结构中看到的那样，sass文件驻留在sass / * .scss中，您可以编写＆＃39; ./ sass / ** / * .scss 这可能是一个问题。

gulp.task('sass',function(){
    gulp.src('./sass/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass({
      outputStyle: 'expanded'
    }))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('./project/css/'));
});

gulp.task('watch',function(){
    watch('./sass/*.scss',['sass']);
});

gulp-watch项目不起作用......

1 个答案: