本文へ移動
rdlabo.devdocs

初期化

インストール のあとで addIcons を配線します。使い方 も見てください。

自動設定

npx @rdlabo/ionic-angular-collect-icons --initialize true

src/use-icons.ts と、main.ts / app.config.ts への addIcons 登録を確認してください。

手動設定

1. CLI を実行する

npx @rdlabo/ionic-angular-collect-icons

これで src/use-icons.ts が生成されます。

2. 生成されたファイルを main.ts(または app.config.ts)でインポートする:

+ import { addIcons } from 'ionicons';
+ import * as allIcons from 'ionicons/icons';
+ import * as useIcons from './use-icons';

  if (environment.production) {
    enableProdMode();
  }

+  addIcons(environment.production ? useIcons : allIcons);

3. クラスコンストラクタ内の他の addIcons 呼び出しを削除する

  @Component(/* ... */)
  export class ExampleComponent {
    constructor() {
-     addIcons(useIcons);
    }
  }