Angular-将fontwo敬畏导出到功能模块

Question

在app.module中，我得到了以下关于font真棒的行

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

图标库是使用root作用域提供的，因此每个应用程序总是有一个图标库实例。因此，将其注入到功能模块的构造函数中并在其中添加图标是安全的。

尽管您可以从懒惰加载的模块构造函数中添加图标，但在实践中，这不会给您带来任何好处。您也可以在AppModule中添加所有图标。这是因为FA图标是如何打包的，以及Angular CLI构建工具链是如何工作的。所有FA图标都在单个模块中定义，因此只要导入任何图标，就会加载所有图标(在应用程序中使用(。这是因为Webpack无法将一个模块拆分为多个模块。例如，如果您同步导入至少一个图标，那么无论您是否在延迟加载模块中导入了图标，都将独立加载所有图标。