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 :

  • le fichier style.scss à la source du dossier SCSS ;
  • les fichiers .scss dans les sous-dossiers du dossier SCSS ;
  • les fichiers .scss dans les sous-dossiers de sous-dossiers du dossier SCSS ;

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
Réponse acceptée

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

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 ;)