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

Question

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

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

@import '3rdparty-stylesheet.css'

最后一行是我从第三方插件获得的CSS文件,我不想在编译成CSS时保持原样,但是要注入此文件的所有内容.我用Gulp.

我怎样才能实现它？

Answer 1

我找到了如何切换此选项:

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

它现在就像魅力一样,将所有导入的CSS内容放入一个编译文件中.

Answer 2

对于命令行我使用这个。

手写笔 --include-css index.styl

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