客户端使用Stylus(CSS)

Question

这里的新人.我一直在寻找使用Stylus(编译CSS)客户端的好解决方案.

现在,我知道有关不使用已编译的CSS客户端的提示,因为:

1. 如果JS没有使用它就会中断.
2. 在实时客户端环境中编译需要额外的时间.
3. 它需要在每个客户端重新编译,这不是绿色的.

但是,我的环境是Chrome和Opera的扩展.它在JS环境中工作,并且脱机工作,因此1,2或3都不适用.我真正想要的是一种更有效地编写CSS的方法,减少头痛,更多变量,嵌套和混合.

我尝试了Less,这是三人组Less,Sass和Stylus中唯一一个目前在客户方面工作得很好的人.那么,有没有人知道Stylus的好解决方案？

Answer 1

CSS 预处理器实际上并不意味着在客户端运行。一些工具（即 LESS）提供了一个开发时客户端（JavaScript）编译器，可以动态编译；然而，这并不适合生产。

Stylus/Sass 默认情况下不提供此功能实际上是一件好事，我个人希望 LESS 不提供此功能；然而，与此同时，我确实意识到，拥有它为那些可能更喜欢拥有一些辅助轮的人打开了大门，这些辅助轮可以在开始时帮助他们。每个人都以不同的方式学习，因此这可能只是可以让某些人群最初进入的功能。因此，对于开发来说，这可能没问题，但在撰写本文时，此工作流程并不是生产中性能最高的事情。希望在某个时候，这些工具中的大部分有用功能都将被添加到原生 CSS 中，那么这将是一个有争议的问题。

现在，我的建议是仅部署已编译的CSS，并在开发中使用诸如 watch 或 Guard 或 live-reload 或 codekit （或任何合适的等效文件监视器）之类的东西，以便您的手写笔文件在您编码时重新编译。