2014-12-07 1 views
0

Вот мой код:Как я могу заставить gulp-watch генерировать CSS-файл при изменении SASS?

gulp.task('sass', function() { 
    gulp.src('./public/stylesheets/*.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('./public/stylesheets/')); 
}); 

gulp.task('watch-saas', function() { 
    watch('./public/stylesheets/*.scss', function() { 
     gulp.start('sass'); 
    }); 
}); 

Выход:

[19:15:46] Using gulpfile ~/WebstormProjects/mySite/gulpFile.js 
[19:15:46] Starting 'watch-saas'... 
[19:15:46] Finished 'watch-saas' after 38 ms 

Я боюсь не CSS. Любые идеи, как сделать эту работу?

Я думаю, что мой код очень похож на код кода here. И задача «sass» выполняется отлично сама по себе.

ответ

1

Я не то, что опытный в Глоток, но я обычно использую:

gulp.task('watch-saas', function() { 
    return gulp.watch(['./public/stylesheets/*.scss'], ['sass']); 
}); 

Я предполагаю, что вы должны вернуть результат в вашей задаче, потому что это асинхронная задача.

+0

Это использование gulp-watch, а не gulp.watch. Кажется, не помогает, хотя он и не останавливает сообщение «Закончено». –

+0

Кстати, ваш код тоже не работает. Возможно, что-то не так с моей настройкой. –

+0

Кажется, что все работает. Проблема заключалась в том, что я запускаю его из Webstorm, и я думаю, что я ошибался, когда происходит автоматическое сохранение. –

Смежные вопросы