使用 CSS 预处理器（Sass/Stylus/Less）的优势是什么？有哪些潜在缺点？

What are the advantages of using CSS preprocessors (Sass/Stylus/Less)? What are the downsides?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: easy

标签: LinkedIn, Sass, Less, Tooling

目标岗位: Front End Software Engineer, Frontend Engineer, Web Developer

目标公司: LinkedIn

参考答案摘要

答案 优势 变量与主题： 颜色、间距、断点统一管理。 嵌套与模块化： 结构更贴近组件，但要避免过深嵌套。 Mixin/函数： 复用常见模式（clearfix、响应式断点、字体栈）。 拆分文件： import/partials 组织大型样式库。 缺点 构建依赖： 需要编译链路，增加复杂度。 调试成本： 依赖 source map；生成的 CSS 可能膨胀。 生态变化： 现代 CSS 已原生支持变量（...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。