SugarSS
SugarSS 是一种基于缩进的 PostCSS CSS 语法。Parcel 通过 @parcel/transformer-sugarss
插件自动支持 SugarSS。当检测到 .sss
文件时,它将自动安装到您的项目中。
编译后的 SugarSS 文件的处理方式与 CSS 相同,这意味着它会为您的浏览器目标进行编译,并应用任何 PostCSS 插件。通过使用 .module.sss
扩展名命名文件,还可以使用 CSS 模块。
使用示例
#在 HTML 文件中引用 SugarSS 文件:
<link rel="stylesheet" href="style.sss" />
在 JavaScript 或 TypeScript 中作为 CSS 模块导入 SugarSS 文件:
import * as classes from "./style.module.sss";
document.body.className = classes.body;
使用 Parcel CLI 直接编译 SugarSS:
parcel build style.sss