Parcel 與 SCSS

SCSS

支持?jǐn)U展類型: sass, scss

SCSS 編譯需要sass(dart-sass的 JS 版本)模塊。通過 npm 安裝：

npm install -D sass

在 JavaScript 文件導(dǎo)入 SCSS 文件：

import './custom.scss'

SCSS 文件中的依賴關(guān)系可以使用@import語句。

在運(yùn)行 Parcel 之前，你沒有安裝sass模塊，Parcel 將自動(dòng)為你安裝。同樣的，也可以通過創(chuàng)建配置文件如：.sassrc 配置 sass 編譯。

舉個(gè)例子，可以像這樣指定生成 CSS 的輸出樣式：

{
  outputStyle: "nested",
}

注意： 也可以使用 node-sass 模塊編譯 SCSS 帶來更快的編譯體驗(yàn)。這里有一篇在 Parcel 中使用node-sass 模塊的報(bào)告。