将 Stylus (nodejs) .styl 文件编译为 2 个不同的 css 文件（移动和桌面）答案

【问题标题】：Compile Stylus (nodejs) .styl file to 2 different css files (Mobile and Desktop)将 Stylus (nodejs) .styl 文件编译为 2 个不同的 css 文件（移动和桌面）
【发布时间】：2012-02-24 06:57:00
【问题描述】：

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

谢谢

【问题讨论】：

标签： css node.js stylus

【解决方案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

【讨论】：

谢谢彼得。我已经做了这样的事情，我决定做的是使用手写笔，就像定位桌面一样，然后编写一个简单的节点脚本来解析 css 文件并删除任何非 webkit 前缀并将其保存为我的移动版本。它有点小技巧，但现在对我有用。
如何让手写笔编译 style.css 以外的任何东西？