提问人：Humberto de Angeli Neto 提问时间：10/26/2023 更新时间：10/26/2023 访问量：40
如何在 remix.js 中实现动态图标加载？
How to implement dynamic icon loading in remix.js?
问：
我想在 remix.js 中使用一些图标库。由于 remix 不使用 babel，因此无法使用图标的动态导入。使用动态导入实现 fontwaesome 或 remixicons 的最简单方法是什么？
我不想声明要在我的项目中使用的每个图标。我想使用类似图标组件的东西来插入图标。
答：
0赞
Kiliman
10/26/2023
#1
如果您可以访问原始 SVG 文件，最好的方法是将它们简单地引用为<img src="/path/to/icon.svg" />
另一种选择是使用 SVG 精灵。https://benadam.me/thoughts/react-svg-sprites/
我有一个工具可以生成 SVG 精灵并创建一个组件来引用精灵。<Icon>
https://github.com/kiliman/rmx-cli#-svg-sprite--new
评论
0赞
Humberto de Angeli Neto
10/27/2023
这真的很酷！恭喜！我也喜欢这个解决方案：lodybo.nl/posts/implementing-font-awesome-into-a-remix-project。
评论