SugarSS

SugarSS 是一種基於縮排的 CSS 語法，適用於 PostCSS。Parcel 使用 @parcel/transformer-sugarss 外掛自動支援 SugarSS。當偵測到 .sss 檔案時，它將自動安裝到您的專案中。

已編譯的 SugarSS 檔案也會以與 CSS 相同的方式處理，這表示它會針對您的瀏覽器目標編譯，並套用任何 PostCSS 外掛。您也可以透過將檔案命名為 .module.sss 副檔名，來使用 CSS 模組。

範例用法

在 HTML 檔案中參照 SugarSS 檔案

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

在 JavaScript 或 TypeScript 中匯入 SugarSS 檔案作為 CSS 模組

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

document.body.className = classes.body;

使用 Parcel CLI 直接編譯 SugarSS

parcel build style.sss