Gulp-sass - supprimer le chemin du fichier

Question

J'utilise gulp-sass pour compiler scss en css et j'ai réussi à le faire fonctionner un peu. À l'heure actuelle c'est le code que j'ai installé dans mon dossier engouffreur:

gulp.task('sass', function() { 
    gulp.src('./popup/**/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.dest('./build/css')) 
}); 

La seule question que j'ai est quand il compile en fichiers css au lieu de simplement créer un fichier index.css dans le dest ./build/ css il ajoute un arbre entier de dossiers qui reflète l'arbre d'où provient le fichier. Donc, par exemple, si l'un de mes fichiers vit dans app\src\scripts\components\app\new-ticket\css alors dans le dossier de construction sera le même arbre: \ src \ scripts \ composants \ app \ new-ticket \ css avec le fichier dans le dernier dossier.

Existe-t-il un paramètre ou un moyen de supprimer le chemin dans gulp-sass, alors il ne me reste plus que build/css/index.css mais conserve la même structure de chemin que les fichiers .scss?

Answer 1

Utilisez un autre pipe pour ajouter concat. Cette fonction prend un nom de fichier de destination pour générer un fichier css (ou) js.
Voici le code:

gulp.task('sass', function() { 
    gulp.src('./popup/**/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(concat('index.css')) 
    .pipe(gulp.dest('./build/css')) 
});