小编Sch*_*z54的帖子

我在我的 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，我认为这太糟糕了。还有另一种更好的方法来导入它吗？我正在搜索 fontawesome 的 css 文件以在脚本中“导入它”，angular.json就像我使用 bootstrap popper.js 和 jquery 所做的那样，但没有在 node_modules 中找到它。 …