我试图使我的FontAwesome 6安装更轻量,通过导入我使用的几个单独的图标,而不是一个整体的风格,通过我的web应用程序的npm
构建过程。文档似乎说,这样做的方式是通过安装@fortawesome/fontawesome-svg-core
(然后大概是一个图标包,如@fortawesome/free-solid-svg-icons
,虽然没有在文档中明确提到)。
这样使用FontAwesome默认禁用标准FontAwesome配置的以下功能:
自动将
<i>
标记替换为<svg>
查看页面图标的更改和添加
更深入地说,文档的另一部分显示了禁用的特定选项是autoReplaceSvg
和observeMutations
。
以这种方式配置FontAwesome默认禁用这些选项的原因是什么?重新启用它们是否有任何缺点,无论是性能还是其他方面?
一天后,我在文档的另一部分(非常广泛的)偶然发现了这个:
我们的基本包(@ fortawsome/fontawessome -free和@fortawesome/fontawesome-pro)是针对个人谁愿意快速集成字体Awesome到他们的项目,但不希望投入时间和精力去了解在罩。由于这个原因,很多行为都是自动的并且有效的没有任何干预
相比之下,fontawesome-svg-core包则更专门化或形成底层API以支持其他组件或库。事实上,我们自己的Vue官方组件,React,Ember和Angular都使用fontawesome-svg-core包罩。
因此避免了核心包和图标内容包做任何自动操作或产生副作用都会他们的发展难以控制或推理。