hasp:半屁股CSS预处理器

搭扣 半成品CSS预处理器。 动机 厌倦了那里所有缓慢且肿的预处理器，我与谈论编写自己的代码，该代码仅解决基本功能： 快点 支持变量。 支持包括。 有效地实施媒体查询。 最后一点对我来说尤其重要。 我想定义一个选择器如何在单个位置的所有断点上表现。 另一方面，产生n @media声明是浪费的。 因此，我的解决方案将缓冲为断点定义的所有规则，将它们分组并在结果文件的末尾打印它们。 建议我看一下 ，它是系统中已经有的宏处理器。 结果是一个30 LOC的最小预处理器。 你知道的，“只要它是屁股的一半，就半屁股也可以”。 用法 打开styles.hcss （扩展名无关紧要，但是您可能要使用.css其他文件名称）： set(PRIMARY_COLOR, `#f00') body { background: PRIMARY_COLOR; } 编译： $ hasp styles.