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