angular - Angular - 将 fontawesome 导出到功能模块

Question

在 app.module 中，我得到了关于 fontawesome 的以下几行

import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { faBars, faCopyright } from '@fortawesome/free-solid-svg-icons';

export class AppModule { 
  constructor(private library: FaIconLibrary) {
  library.addIcons(faBars, faCopyright);
}

如何将它们包含在功能模块中？构造函数部分困扰着我

Answer 1

图标库是使用rootscope提供的，因此每个应用程序始终只有一个图标库实例。因此，将其注入功能模块的构造函数并在那里添加图标是安全的。

尽管您可以从延迟加载的模块构造函数中添加图标，但实际上这不会为您带来任何好处。您也可以将所有图标添加到AppModule. 这是因为 FA 图标的打包方式以及 Angular CLI 构建工具链的工作方式。所有 FA 图标都在单个模块中定义，因此只要导入任何图标，就会加载所有图标（在您的应用程序中使用）。这是因为 Webpack 不能将一个模块拆分为多个。例如，如果您同步导入至少一个图标，则所有图标都将独立加载，无论您是否已将它们导入到延迟加载模块中。