Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法

Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法

ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。

ファイル名
コンポーネント名.component.css
コンポーネント名.component.html
コンポーネント名.component.ts
コンポーネント名.component.spec.ts

cssをstylusに変更したい場合は、Angular プロジェクトを作成する際に--style=stylusを指定してプロジェクトを作成する必要があります。

ng new stylus-apps --style=stylus

上記のように実行してプロジェクトを作成します。

これで、ng generate component コンポーネント名を実行すると、cssの代わりにstylファイルが作成されます。

ng generate component dell

以下のようにstylusファイルが作成されます。

Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法

詳細は「AngularとTypeScriptでSPAを作成する」を参照ください。

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました