angular - Angular 8 中的 FontAwesome，最好的导入方式？

Question

我在我的 Angular 8+ 应用程序中使用 fontawesome 5.x，导入图标的系统对我来说非常非常糟糕。
我就是这样做的:(就像文档说 https://github.com/FortAwesome/angular-fontawesome )

import { Component, OnInit } from '@angular/core';
import {faHome,faSearch,faArchive,faFileSignature,
    faAddressBook,faUserMd,faDesktop} from '@fortawesome/free-solid-svg-icons/'

@Component({
selector: 'app-menu',
templateUrl: './menu.component.html',
styleUrls: ['./menu.component.css']
})
export class MenuComponent implements OnInit {
faHome = faHome;
faSearch = faSearch;
faArchive = faArchive;
faFileSignature = faFileSignature;
faAddressBook = faAddressBook;
faUserMd = faUserMd;
faDesktop = faDesktop;
constructor() { }

ngOnInit() {
}

}

如果你有 < 10 个图标，这可能没问题，但如果你有 +10，我认为这很糟糕。还有其他更好的方法来导入它吗？
我在 angular.json 的脚本中搜索 fontawesome 的 css 文件以“导入它”就像我对 bootstrap popper.js 和 jquery 所做的那样，但在 node_modules 中没有找到它。
那么，还有另一种方法可以做到这一点更“干净”吗？ (不是CDN方式)
[解决]
好的，我正在为桌面应用程序导入 fontawesome 库，而不是为网络应用程序导入。
有了网络应用程序包，我可以像我一样做。
谢谢你们。

Answer 1

我如何在 Angular8+ 中导入 fontAwesome 图标

1º 步长 npm install --save-dev @fortawesome/fontawesome-free
2º 步长 在 angular.json将路由粘贴到 @fortawesome 的 css 和 js:

  "styles": [
          "src/styles.css",
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "node_modules/@fortawesome/fontawesome-free/css/all.min.css" // this
        ],
        "scripts": [ 
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/popper.js/dist/umd/popper.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js",
          "node_modules/@fortawesome/fontawesome-free/js/all.min.js" //this
        ]

这就是我想要的。有了这个，您只需将图标(例如: <i class="fas fa-home"></i>)粘贴到 html 中。

我发布的另一种方式是我认为的桌面应用程序。