一飲而盡手錶項目不工作...

Question

我安裝簡單一飲而盡的工作流程，但是當我改變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中，並且您寫入'./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']); 
}); 

Answer 2

添加return語句的 '青菜' 任務

return gulp.src(stuff here) 

是否使用一飲而盡，livereload？我會建議遵循他們的使用示例在

[gulp-livereload][1] 

如果您需要幫助實施，讓我們知道。 我不認爲他們的問題與@Dipak的答案中建議的glob模式有任何問題。