スタイラス

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

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

使用例

HTMLファイルでスタイラスファイルを参照

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

JavaScriptまたはTypeScriptでスタイラスファイルをCSSモジュールとしてインポート

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

document.body.className = classes.body;

Parcel CLIを使用してStylusを直接コンパイル

parcel build style.styl

構成

スタイラスを構成するには、.stylusrcファイルを作成します。スタイラスを構成するための使用可能なオプションを表示するには、公式のスタイラスのドキュメントを参照してください。