Meine Sass Struktur sieht so aus.Wie man eine Schluckakte sieht, die andere importiert?
- /base
-- _fonts.scss
-- _all.scss
- /components
-- _all.scss
-- _header.scss
-- _footer.scss
- main.scss
Jede _all.scss importiert alle Dateien im aktuellen Ordner, dann die main.scss importiert alle _all Dateien aus jedem Ordner.
Das Problem, mit dem ich konfrontiert bin, ist, dass ich main.scss speichern muss, damit Schluck die .css-Datei erzeugt. Wenn ich alle Dateien anschaue, werden viele CSS-Dateien erzeugt, die ich nicht brauche.
gulpfile.js
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src('./src/stylesheets/main.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./public/css/'));
});
gulp.task('sass:watch', function() {
gulp.watch('./src/stylesheets/main.scss', ['sass']);
});
Wie mache ich schluck alle Dateien sieht und nur eine CSS-Datei in dem öffentlichen Ordner erzeugen?