2015-04-24 21 views
6

Mam plik Stylus, patrząc jakProducent Stylus seryjnej importowane CSS w arkuszu stylów

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

@import '3rdparty-stylesheet.css' 

ostatnia linia jest plik CSS dostaję od 3rd party plugin, który nie chce, by utrzymać się jak to jest po kompilacji w CSS, ale całą zawartość tego pliku, który ma być wstrzyknięty. Używam Gulpa.

Jak mogę to osiągnąć?

Odpowiedz

10

znalazłem jak włączyć tę opcję:

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

I działa jak czar teraz stawia wszystkie importowane zawartość CSS w jednym skompilowanego pliku.

+5

Kiedy ustawię 'compress: true' wewnątrz' stylus() ', tylko CSS generowany przez rysik jest zminimalizowany. Czy istnieje sposób na minfy zaimportowanego CSS? – Leonardo

3

Dla wiersza poleceń używam tego.

rysik --include-css index.styl

które znaleźć przydatne do testowania ... przed wprowadzeniem do procesu kompilacji.

+0

niesamowity człowiek!) Chciałem przepisać cały styl na scss)) dzięki) –