Sass

Parcel 支援 Sass 檔案，自動使用 @parcel/transformer-sass 外掛。當偵測到 .sass 或 .scss 檔案時，會自動安裝到您的專案中。

編譯後的 Sass 檔案也會以與 CSS 相同的方式處理，也就是針對您的瀏覽器目標編譯，並套用任何 PostCSS 外掛。也可以使用 .module.scss 副檔名來命名檔案，以使用 CSS 模組。

範例用法

在 HTML 檔案中參照 SCSS 檔案

<link rel="stylesheet" href="style.scss" />

在 JavaScript 或 TypeScript 中匯入 Sass/SCSS 檔案作為 CSS 模組

import * as classes from './style.module.scss';

document.body.className = classes.body;

使用 Parcel CLI 直接編譯 Sass/SCSS

parcel build style.scss

組態

若要設定 Sass，請建立 .sassrc 或 .sassrc.json 檔案。有關可以在這些設定檔中定義的所有選項清單，請參閱官方 Sass 文件