Stylusの@importでcssを展開する
Stylusの@importでcssファイルを指定した場合でも,Stylusのファイルを指定した場合のようにファイルの中身を展開したい.
Stylusの文法だけで何とかできないでしょうか?
変換にはgulp-stylusを使っています.
# a.css
.a { font-size: 150%; }
# s.styl
@import "a.css"
.s
font-size 120%
# コンパイル後
@import "a.css"
.s { font-size: 120%; }
# こういう出力が欲しい
.a { font-size: 150%; }
.s { font-size: 120%; }
追記 gulp-stylusでは下記で出来ました.
stylus = require 'gulp-stylus'
..
stylus {'include css':true}