gulp watch项目不工作。。。

gulp watch项目不工作。。。,gulp,workflow,gulp-watch,gulp-sass,Gulp,Workflow,Gulp Watch,Gulp Sass,我设置了简单的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({ output

我设置了简单的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']);

这篇文章中的问题是什么,我现在如何解决这个问题?

正如我们在您的目录结构中看到的那样,sass文件位于sass/*.scss中,您可以编写“/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']);
});

将return语句添加到“sass”任务中

return gulp.src(stuff here)
你用的是大口利弗雷罗德吗?我建议在下面的示例中使用它们

[gulp-livereload][1]
如果您需要帮助,请告知我们。 我不认为他们对@Dipak的答案中所建议的地球仪模式有任何错误