Stylus 由 Express 作者 TJ Holowaychuk 开发,招牌是极简:选择器里的大括号、冒号、分号统统可以不写,只靠缩进表达层级,看起来就像在写 Python。它同样完整支持变量、混入、函数、条件分支与循环,功能上与 Sass、Less 并列,早年 Express/Koa 社区的文档站和不少 Node 全栈项目都把它当作默认样式方案。
极简语法的代价是可读性见仁见智:没有分号和大括号作视觉锚点,团队协作时代码风格统一更难,编译报错时排查也更费劲,新人接手项目往往要先适应半天缩进规则。再加上社区早已停止高速迭代、新项目的相关讨论和教程越来越少,Stylus 今天更适合个人项目或明确钟情这种写法的团队;对大众场景而言,Sass 仍然是资料最多、也最稳妥的选择。
<style> /* Stylus 极简写法: primary = #4a9eff .btn background primary color #fff */ .btn { background: #4a9eff; color: #fff; padding: 8px 16px; } </style> <button class="btn">Stylus 编译效果</button>