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

时间:2015-04-24 08:41:59

标签: javascript html css gulp stylus

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

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

@import '3rdparty-stylesheet.css'

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

我怎样才能实现它?

2 个答案:

答案 0 :(得分:10)

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

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

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

答案 1 :(得分:3)

对于命令行,我使用它。

  

手写笔--include-css index.styl

在将其纳入构建过程之前,我觉得它很方便。