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