FontAwesome SCSS 摇树
FontAwesome SCSS Tree-Shaking
使用 https://fontawesome.com/how-to-use/on-the-web/using-with/sass 中描述的方法，我相信我最终会在我的 React 项目的 src 文件夹中积累近 2.8MB 的网络字体。我需要使用 CSS 来为日历样式添加图标，但这不会影响 tree shaking 吗？换句话说，我不会为了使用一个图标而得到一个巨大的包大小吗？
使用 FontAwesome 摇树很简单。如果你只使用一个图标，那么你只需要导入那个图标（当然不需要使用 SASS 来这样做）。
如果您只想使用实体 fa-coffee 图标，这是 FontAwesome 使用的示例：
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
@Mike Poole 介绍的方法是最正确的 tree shaking 方法。如果您使用 webfont 方法，您别无选择，只能加载整个集合。但是如果你只需要使用几个图标，并且由于某种原因不能通过 js 加载它们，你可以简单地获取你需要的 svg 文件并直接添加它们，作为 <img> 标签或背景图像.
使用 https://fontawesome.com/how-to-use/on-the-web/using-with/sass 中描述的方法，我相信我最终会在我的 React 项目的 src 文件夹中积累近 2.8MB 的网络字体。我需要使用 CSS 来为日历样式添加图标，但这不会影响 tree shaking 吗？换句话说，我不会为了使用一个图标而得到一个巨大的包大小吗？
使用 FontAwesome 摇树很简单。如果你只使用一个图标，那么你只需要导入那个图标（当然不需要使用 SASS 来这样做）。
如果您只想使用实体 fa-coffee 图标，这是 FontAwesome 使用的示例：
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
@Mike Poole 介绍的方法是最正确的 tree shaking 方法。如果您使用 webfont 方法，您别无选择，只能加载整个集合。但是如果你只需要使用几个图标，并且由于某种原因不能通过 js 加载它们，你可以简单地获取你需要的 svg 文件并直接添加它们，作为 <img> 标签或背景图像.