Less

Parcel 支援 Less 檔案，自動使用 @parcel/transformer-less 外掛。當偵測到 .less 檔案時，它會自動安裝到您的專案中。

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

範例用法

在 HTML 檔案中參照 Less 檔案

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

在 JavaScript 或 TypeScript 中，將 Less 檔案匯入為 CSS 模組

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

document.body.className = classes.body;

使用 Parcel CLI 直接編譯 Less

parcel build style.less

組態

若要組態 Less，請建立一個 .lessrc 檔案。若要查看 Less 的可用組態選項，請參閱官方 Less 文件。