Tâche gulp pour 'watch' plusieurs fichiers scss

Par Renaud Rousselle, il y a 6 ans

Javascript

Hello tout le monde,

Je souhaiterai que Gulp puisse lancer une tâche 'watch' qui observe l'intégralité de mon dossier SCSS qui comprend :

Voilà ce que j'ai fais actuellement :

var gulp = require('gulp'), sass = require('gulp-sass'), rename = require('gulp-rename'); gulp.task('css', function(){ return gulp.src('css/scss/*.scss') .pipe(sass()) .pipe(rename('style.css')) .pipe(gulp.dest ('css/')); }); gulp.task('watch', function(){ gulp.watch('css/scss/*.scss', gulp.series('css')); });

Un petit screen de mon arborescence :
https://zupimages.net/up/20/08/vu3t.png

La tâche watch fonctionne déjà pour observer le fichier style.scss situé à la source de mon dossier SCSS.
Mais s'il me vient à enregistrer un fichier .scss dans un sous-dossier comme SCSS/BUILDER/FUNCTIONS/mon_fichier.scss, rien ne se passe...
En résumé, il me faudrait pouvoir 'watch' tout ce qui est .scss dans mon dossier.

Merci d'avance pour vos retours ;)

2 réponses

Defy, il y a 6 ans

essaie avec ca comme check de fichiers 'css/scss/**/*.scss,

Renaud Rousselle, il y a 6 ans

Ca fonctionne !

J'avais testé ça mais j'ai utilisé cette syntaxe sur la tâche 'watch' et sur celle du 'css' à la fois.
Cette syntaxe doit être placée uniquement sur la tâche 'watch' pour que ça puisse fonctionner.

Merci Defy ;)