FontAwesome SCSS摇树

Question

使用https://fontawesome.com/how-to-use/on-the-web/using-with/sass中描述的方法，我相信最终我将在React项目的src文件夹中累积近2.8MB的Web字体。我需要使用CSS将图标添加到日历样式，但这不会影响摇树吗？换句话说，我会不会仅使用一个图标就得到一个巨大的包装？

Answer 1

@Mike Poole提出的方法是摇树的最正确方法。如果使用webfont方法，则只能加载整个集合。但是，如果您只需要使用几个图标，并且由于某种原因而无法通过js加载它们，则只需获取所需的svg文件并直接将其添加为<img>标签或背景图片即可

Answer 2

使用FontAwesome摇树很简单。如果只使用一个图标，则只需导入该图标（当然也不需要使用SASS导入）。

如果您只想使用实心的fa-coffee图标，这里是FontAwesome使用的示例：

import { faCoffee } from '@fortawesome/free-solid-svg-icons'