Gulp手錶進口

Question

我正在嘗試觀察我的@imported scss文件，但由於某種原因它停止了工作。不記得任何更改：

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 

//style paths 
var sassFiles = 'assets/css/scss/styles.scss', 
    cssDest = 'assets/css/'; 

gulp.task('styles', function(){ 
    gulp.src(sassFiles) 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(gulp.dest(cssDest)); 
}); 

gulp.task('watch',function() { 
    gulp.watch(sassFiles,['styles']); 
}); 

我styles.scss：

@import 
"fonts.scss", 
"basics.scss", 
"home.scss"; 

每當我改變home.scss的東西，我想它來觀看，但隻手表styles.scss。對我來說很有意義，但它曾經開始工作吧..

Answer 1

從documentation

gulp.watch（水珠[，選擇採用]，任務）

單個水珠或水珠的陣列表示要更改哪個文件以觀看 。

您只能看到sassFiles中的文件。你可以這樣的方式改變這一行

var sassFiles = 'assets/css/scss/**.scss', 

或

var sassFiles = ['assets/css/scss/styles.scss', 
'assets/css/scss/fonts.scss','assets/css/scss/basics.scss', 
'assets/css/scss/home.scss'], 

而且所有SCSS-文件夾中的資產/CSS/SCSS/將被關注。

如果您想通過依賴（@import）看的文件，最好是使用webpack