如何使用@ Fluentui/react-icons

Question

有没有更好的方法来使用@ Fluentui/react-icons

我正在通过以下方式导入图标。

import { Home20Regular } from '@fluentui/react-icons'

我期望它应该在使用 treeshaking 构建期间仅下载一个图标 但看起来它正在下载整个包并增加包的大小。

我希望它应该下载我在代码库中使用的图标而不是整个包

Answer 1

我也遇到了这个问题，并且能够通过将我的 webpack 版本升级到 5.88.2 并将 @fluidui/react-icons 升级到 2.0.215 来解决 treeshaking 问题