Dart Sass

Dart Sass 是 Sass 的主要实现,这意味着它比任何其他实现都更早获得新功能。它快速、易于安装,并且编译为纯 JavaScript,这使其易于集成到现代 Web 开发工作流中。在 GitHub 上了解更多信息或帮助其开发。

命令行命令行永久链接

Dart Sass 的独立命令行可执行文件使用超快的 Dart VM 来编译样式表。要在命令行上安装 Dart Sass,请查看 安装说明。在运行它之后,你可以使用它来编译文件

sass source/index.scss css/index.css

有关命令行界面的更多信息,请参见 sass --help

Dart 库Dart 库永久链接

你还可以将 Dart Sass 用作 Dart 库,以获得 Dart VM 的速度以及定义自己的函数和导入程序的能力。要将其添加到现有项目

  1. 安装 Dart SDK。确保其 bin 目录 在你的 PATH 中。

  2. 创建一个类似于此的 pubspec.yaml 文件

name: my_project
dev_dependencies:
  sass: ^1.72.0
  1. 运行 dart pub get

  2. 创建一个类似于此的 compile-sass.dart 文件

import 'dart:io';
import 'package:sass/sass.dart' as sass;

void main(List<String> arguments) {
  var result = sass.compileToResult(arguments[0]);
  new File(arguments[1]).writeAsStringSync(result.css);
}
  1. 你现在可以使用它来编译文件
dart compile-sass.dart styles.scss styles.css
  1. 详细了解 编写 Dart 代码(很容易!)以及 Sass 的 Dart API

JavaScript 库JavaScript 库永久链接

Dart Sass 也作为纯 JavaScript sass 在 npm 上分发。纯 JS 版本比独立可执行文件慢,但易于集成到现有工作流,并且允许您在 JavaScript 中定义自定义函数和导入器。您可以使用 npm install --save-dev sass 将其添加到您的项目,并将其作为  require()

const sass = require('sass');

const result = sass.compile('style.scss');
console.log(result.css);

// OR

const result = await sass.compileAsync('style.scss');
console.log(result.css);

通过 npm 安装时,Dart Sass 支持 全新的 JavaScript API,以及与旧 Node Sass API 完全兼容的 旧版 API。请注意,使用 sass 包时,同步 API 函数的速度是异步 API 的两倍以上,这是因为异步   回调的开销。