语义 UI React 图标不再捆绑?

Semantic UI React icons no longer bundled?

我正在使用 create-react-app 和语义 UI React 为 SharePoint 创建 Web 部件。 (2016 年本地部署。从 2013 年开始,所以我无法使用 SPFx,所以它只是普通的旧 React。)

我将解决方案创建为 Farm 解决方案,因此我可以映射 Layouts 文件夹,并且 CRA 构建输出(.js 和 .css 文件)正在部署到 Layouts 文件夹。我还将开发服务器上的 16 hive 文件夹映射为我的开发机器上的驱动器,所以我的部分开发过程是在 运行 npm run build 之后将包直接复制到服务器,这样我就可以检查我的 changes/progress 等,而无需经过通常的 SharePoint 部署过程。

我只复制了 .js 和 .css 文件,以及用于工作的图标。

但是现在,图标不再显示了,看起来代码正在尝试从 [=16= 加载 icons.[hash].woff2icons.[hash].wofficons.[hash].ttf ] CRA 应用程序中的文件夹。

具体来说,我看到

的 404

https://servername/static/media/icons.[hash].woff2

现在,我更愿意将图标与常规 .css (and/or .js) 文件捆绑在一起,这样我就不必担心 media 文件夹。但是,我也不必将图标文件部署在 media 文件夹中,但我需要 React 构建来知道查找它们的正确位置,而这些位置不会在

https://servername/static/media

会更像

https://servername/sites/my-site/_layouts/path/to/my/feature/media

那我怎么办呢

通过从捆绑语义 UI CSS 切换到从官方 CDN 中提取它来绕过问题,这使得它从某处的 CDN 中提取图标,所以我不必对付他们。