如下圖所示：

![](https://img-blog.csdnimg.cn/img_convert/c0e1d79df587915882869cabebf68567.png)

可以使用 npm install -g sass 全域性安裝 Sass，這將提供對 sass 可執行檔案的訪問。 您還可以使用 npm install --save-dev sass 將其新增到您的專案中。 這提供了可執行檔案和庫：

```typescript
const sass = require('sass');

const result = sass.compile(scssFilename);

// OR

// Note that `compileAsync()` is substantially slower than `compile()`.
const result = await sass.compileAsync(scssFilename);
```

# Legacy API

Dart Sass 還支援與 Node Sass 完全相容的舊版 JavaScript API（下面列出了一些例外情況），同時支援 render() 和 renderSync() 函式。 此 API 已被棄用，將在 Dart Sass 2.0.0 中刪除，因此在新專案中應避免使用。

Sass 對舊版 JavaScript API 的支援有以下限制：

- 僅支援 outputStyle 的 `expanded` 和 `compressed` 值。

- Dart Sass 不支援精度選項。 Dart Sass 預設為所有現有瀏覽器提供足夠高的精度，並且使這種可定製性會大大降低程式碼效率。

- Dart Sass 不支援 sourceComments 選項。 源對映是定位生成選擇器原點的推薦方法。

在 `node_modules` 資料夾下可以找到 `sass` 的程式碼倉庫 url：
https://github.com/sass/dart-sass
![](https://img-blog.csdnimg.cn/img_convert/099dafcf1d7c2483984fdd9edc7d031f.png)

那麼什麼是 `Dart sass`？Dart 是一種針對客戶端最佳化的語言，用於在任何平臺上開發快速應用程式。 它的目標是為多平臺開發提供最高效的程式語言，併為應用程式框架提供靈活的執行執行時平臺。

語言是由它們的技術包絡定義的——在開發過程中做出的決定了語言的能力和優勢的選擇。 Dart 專為特別適合客戶端開發的技術信封而設計，優先考慮開發（亞秒級狀態熱過載）和跨各種編譯目標（Web、移動和桌面）的高質量生產體驗。

Dart 也是 Flutter 的基礎。 Dart 提供了支援 Flutter 應用程式的語言和執行時，但 Dart 還支援許多核心開發任務，例如格式化、分析和測試程式碼。

Flutter 是 Google 的一個開源框架，用於從單個程式碼庫構建漂亮的、本機編譯的多平臺應用程式。

![](https://img-blog.csdnimg.cn/img_convert/8f2e9f2dbd7994ce35f28ef5e5c4b4a8.png)

關於 SAP 電商雲 Spartacus UI package.json 中的 sass 依賴

相關文章