Sass

Parcel 使用 @parcel/transformer-sass 插件自动支持 Sass 文件。当检测到 .sass 或 .scss 文件时，它将自动安装到您的项目中。

编译后的 Sass 文件也与 CSS 文件以相同的方式处理，这意味着它将针对您的浏览器目标进行编译，并且还会应用任何 PostCSS 插件。 CSS 模块 也可以通过使用 .module.scss 扩展名命名您的文件来使用。

示例用法

在 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 文档