Make Stylus merge CSS in das Stylesheet importiert

Question

ich eine Stylus-Datei haben, die aussehen wie

@import init 
@import typography 
@import colors 
@import 'components/*' 

@import '3rdparty-stylesheet.css' 

Die letzte Zeile ist eine CSS-Datei, die ich von einem 3rd-Party-Plugin bekommen, die ich nicht nur wollen, zu bleiben, wie es ist wenn in CSS kompiliert, aber der gesamte Inhalt dieser Datei injiziert werden soll. Ich benutze Schluck.

Wie kann ich es erreichen?

Answer 1

Ich habe herausgefunden, wie man diese Option einschalten:

gulp.src('./app/styl/style.styl') 
    .pipe(stylus({ 
     'include css': true 
    })) 
    .pipe(gulp.dest('./dist/css')); 

Und es wirkt wie ein Zauber jetzt, setzt alle importierten CSS Inhalte in eine einzige kompilierte Datei.

Answer 2

Für die Befehlszeile verwende ich dies.

Griffel --include-css index.styl

Was ich für die Prüfung praktisch finden ..., bevor sie in den Build-Prozess enthält.