如何使用单个 spa 项目设置 font-awesome？
How to setup font-awesome with a single-spa project?
我有一个带有根配置的 spa 应用程序、一个样式指南和几个 React 应用程序。所有这些应用程序都是使用 yarn create single-spa 命令生成的。
我尝试从 font-awesome 网站创建一个 kit 并将其添加到 head 标签内的根配置 index.ejs。
然后我尝试在我的一个 MFE 中添加 <i className='fa-brands fa-facebook-f' />。
在我的浏览器中加载的 index.html 包含标签代码。但它的尺寸是 0x0.
您缺少一些样式。
当您生成 kit 时，font awesome 网站会为您的工具包分享 script 标签的片段。
您需要将其放在 root-config 的 head 部分。
但这还不是全部。您还需要添加一些 font-faces.
同一页面（带有代码段）还有一个 link 下载示例 html 文件。
如果您检查该文件，它有额外的 style 标签。
将这些添加到 root-config 后，图标将开始显示。
这个问题不是 single-spa，而是 font-awesome 的令人困惑的文档。
我有一个带有根配置的 spa 应用程序、一个样式指南和几个 React 应用程序。所有这些应用程序都是使用 yarn create single-spa 命令生成的。
我尝试从 font-awesome 网站创建一个 kit 并将其添加到 head 标签内的根配置 index.ejs。
然后我尝试在我的一个 MFE 中添加 <i className='fa-brands fa-facebook-f' />。
在我的浏览器中加载的 index.html 包含标签代码。但它的尺寸是 0x0.
您缺少一些样式。
当您生成 kit 时，font awesome 网站会为您的工具包分享 script 标签的片段。
您需要将其放在 root-config 的 head 部分。
但这还不是全部。您还需要添加一些 font-faces.
同一页面（带有代码段）还有一个 link 下载示例 html 文件。
如果您检查该文件，它有额外的 style 标签。
将这些添加到 root-config 后，图标将开始显示。
这个问题不是 single-spa，而是 font-awesome 的令人困惑的文档。