我注意到使用react-icons会成倍地增加bundle的大小。我在Stack Overflow上看到过很多问题，但没有一个提供了令人满意的答案。
我有大约10个组件，它们总共使用了来自react-icons的20个图标，这将包的大小增加到5 MB。
如果不使用react-icons（但包括10个其他SVG格式的自定义图标），bundle大小仅为495 KB。
你能建议一个解决方案，以减少捆绑大小，同时仍然使用图标为我的项目？
用法示例
import { LuWheatOff, LuSalad } from "react-icons/lu";
1条答案
按热度按时间7hiiyaii1#
您遇到的问题可能是您的编译器无法对
react-icons/lu导入进行树型筛选：这就是为什么你看到这样一个臃肿的大小作为整个图标库导入只要你从它导入一个单一的组件。看起来你可能需要从
@react-icons/all-files进行深度导入：请参阅其自述文件https://react-icons.github.io/react-icons/