注意: 这是 Parcel 1 版本的中文文档。如需 Parcel 2 中文文档请进此链接: v2.parceljs.cn

SCSS

支持扩展类型: sass, scss

SCSS 编译需要sass(dart-sass的 JS 版本)模块。通过 npm 安装:

npm install -D sass

在 JavaScript 文件导入 SCSS 文件:

import './custom.scss'

SCSS 文件中的依赖关系可以使用@import语句。

在运行 Parcel 之前,你没有安装sass模块,Parcel 将自动为你安装。同样的,也可以通过创建配置文件如:.sassrc 配置 sass 编译。

举个例子,可以像这样指定生成 CSS 的输出样式:

{
  outputStyle: "nested",
}

注意: 也可以使用 node-sass 模块编译 SCSS 带来更快的编译体验。这里有一篇在 Parcel 中使用node-sass 模块的报告

帮助我们改善文档

如果有遗漏或者不清楚的地方,请在本站的仓库 提交issue 或者 编辑此页面.