使 Stylus 将导入的 CSS 合并到样式表中

Question

我有一个 Stylus 文件，看起来像

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

@import '3rdparty-stylesheet.css'

最后一行是我从第 3 方插件获得的 CSS 文件，我不仅希望它在编译成 CSS 时保持原样，而且希望该文件的所有内容被注射。我用 Gulp.

如何实现？

Answer 1

我找到了如何打开这个选项：

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

它现在工作得很好，将所有导入的 CSS 内容放入一个编译文件中。

Answer 2

对于命令行，我使用这个。

stylus --include-css index.styl

我发现在将其纳入构建过程之前进行测试很方便。

Make Stylus merge imported CSS into the stylesheet