初期化
インストール のあとで 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);
}
}