将Stylus语法代码转换为标准LESS格式,适用于前端项目迁移和团队协作。
当需要将基于缩进语法的Stylus样式迁移到使用大括号的LESS项目时,手动转换既耗时又容易出错。本工具通过语法解析器将Stylus特有的缩进规则、变量声明和混合宏转换为符合LESS规范的代码结构,保持功能等价性的同时完成语法适配。
Stylus的嵌套规则如何转换?
所有嵌套选择器都会转换为标准LESS语法,例如.parent { & > .child {...} }会转换为.parent { > .child {...} }
转换后需要手动调整什么?
仅需检查颜色函数差异:Stylus的lighten(color, 10%)对应LESS的lighten(color, 10%),但参数单位处理可能需微调
转换前请确保Stylus代码无语法错误;复杂项目建议分文件转换;本工具不处理动态JS注入的样式逻辑
典型转换示例:Stylus的border-radius()混合宏应预定义为LESS的.border-radius(@radius) {...}。建议建立转换检查清单,特别注意@extend语法和循环结构的后续处理