将Stylus（nodejs）.styl文件编译为2个不同的css文件（Mobile和Desktop）

Question

是否可以将单个手写笔文件编译成2个不同的css文件，例如对于ipad web app我对-moz等css在线webkit不感兴趣，所以一个针对移动设备进行了优化，另一个针对跨浏览器应用进行了优化？

感谢

Answer 1

我认为简短的回答是，给定一个.styl文件，您将输出一个相应的.css文件。但是，有很多方法可以实现您的目标。您可以使用CSS3 media queries并使用相同的样式表生成替代样式，具体取决于屏幕大小。其次，您可以使用@import语句通过执行此类操作来实现您所需的几乎

在shared.styl

//Put your default shared styles here

在screen.styl

@import "shared"
//Put your desktop web app overrides here

并在mobile.styl

@import "shared"
//put your mobile optimized overrides here