Less

Parcelは、@parcel/transformer-lessプラグインを使用してLessファイルを自動的にサポートします。 .lessファイルが検出されると、自動的にプロジェクトにインストールされます。

コンパイルされたLessファイルもCSSと同じ方法で処理されます。つまり、ブラウザのターゲット用にコンパイルされ、PostCSSプラグインも適用されます。CSSモジュールは、ファイルに.module.less拡張子を使用して名前を付けることで使用できます。

使用例

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ドキュメントを参照してください。