目录

• 什么是Sass
• Dart Sass 和 Node Sass

---

参考：

• 继往开来的 sass 三代编译器：ruby sass、node-sass、dart-sass (opens new window)

---

Sass

什么是Sass

Sass(Syntactically Awesome Style Sheets) ，是一种CSS预处理器和一种语言,，它可以用来定义一套新的语法规则和函数，以加强和提升CSS。

Sass在书写规则，变量命名方面和CSS代码有着很大的区别。于是，后来官方在2010年推出了一个全新的语法，叫做SCSS, 意思是 Sassy CSS. 这个语法带来了对CSS友好的语法，试图弥合Sass和CSS之间的差别。

Dart Sass 和 Node Sass

dart-sass 和 node-sass 都是将 Sass 编译为 CSS 的工具，但它们有一些关键区别：

Dart Sass

• 实现语言：用 Dart 编写，并通过编译成 JavaScript 以在 Node.js 环境中运行。
• 官方推荐：Dart Sass 是 Sass 团队官方推荐的实现，因为它始终保持与最新的 Sass 语言特性同步。
• 跨平台：可以在 Dart 和 JavaScript 环境中使用。
• 安装：通过 npm 安装，命令是 npm install sass。

Node Sass

• 实现语言：基于 LibSass，用 C++ 编写，绑定到 Node.js。
• 性能：通常速度较快，因为它是用 C++ 实现的。
• 维护状态：LibSass 项目已经停止活跃开发，Node Sass 可能不会支持最新的 Sass 特性。
• 安装：通过 npm 安装，命令是 npm install node-sass。

主要区别

• 开发活跃度：Dart Sass 是官方支持并持续更新的版本，而 Node Sass 基于不再活跃开发的 LibSass。
• 特性支持：Dart Sass 支持最新的 Sass 语言特性，而 Node Sass 可能不支持一些新的特性。
• 性能：Node Sass 通常编译速度较快，但 Dart Sass 在现代硬件上性能也很不错。