Заставьте Stylus объединить импортированный CSS в таблицу стилей

У меня есть файл Stylus, выглядящий как

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

@import '3rdparty-stylesheet.css'

Последняя строка — это файл CSS, который я получаю от стороннего плагина, который я хочу не просто оставить таким, какой он есть при компиляции в CSS, но и внедрить все содержимое этого файла. Я использую Гулп.

Как я могу достичь этого?


javascript html css stylus gulp
person Sergei Basharov    schedule 24.04.2015    source источник

Ответы (2)


arrow_upward
10
arrow_downward

Я нашел, как включить эту опцию:

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

И теперь это работает как шарм, помещает все импортированное содержимое CSS в один скомпилированный файл.

person Sergei Basharov    schedule 24.04.2015
comment
Когда я устанавливаю compress: true внутри stylus(), минимизируется только сгенерированный стилусом CSS. Есть ли способ минифицировать импортированный CSS? - person Leonardo; 26.01.2016

arrow_upward
4
arrow_downward

Для командной строки я использую это.

стилус --include-css index.styl

Что мне удобно для тестирования... перед включением в процесс сборки.

person Jamie Popkin    schedule 10.07.2015
comment
офигенный чувак!) как раз хотел переписать все стили в scss)) спасибо) - person Denys Klymenko; 10.08.2016