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

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

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

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

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

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

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

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

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

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

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA