如何使用 fontawesome JS API 只导入一些图标？

Question

我完整阅读了文档。

我安装了 NPM 依赖项，然后在我的 index.js 中：

import { library, icon } from '@fortawesome/fontawesome-svg-core'
import { faPlus } from '@fortawesome/free-solid-svg-icons'

library.add(faPlus)

在我的 HTML 中

<i class="fa-solid fa-plus"></i>

但图标未呈现。

我缺少什么？我正在使用 webpack 5。

Answer 1

在使用dom.watch()之前需要导入dom

import { dom } from '@fortawesome/fontawesome-svg-core'

Answer 2

我缺少 dom.watch()

无需 dom.watch()，自动替换您的 Font Awesome 图标
在渲染的页面中不起作用！

import { dom, library, icon } from '@fortawesome/fontawesome-svg-core'
import { faPlus } from '@fortawesome/free-solid-svg-icons'

library.add(faPlus)
dom.watch()

他们在文档中没有提及。现在它可以工作了，而且包的大小要小得多。