语义UI React图标不再捆绑在一起？

Question

我正在使用create-react-app和语义UI React为SharePoint创建一个Web部件。 （2016年本地。从2013年开始，所以我无法使用SPFx，所以它只是常规的旧React。）

我将该解决方案创建为Farm解决方案，因此可以映射Layouts文件夹，并将CRA构建输出（.js和.css文件）部署到Layouts文件夹。我还已经将开发服务器上的16个hive文件夹映射为开发计算机上的驱动器，因此在运行npm run build之后，我的开发过程的一部分就是将捆绑包直接复制到服务器上，这样我就可以检查我的更改/进度等，而无需执行常规的SharePoint部署过程。

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

现在，图标不再显示，并且代码似乎正在尝试从icons.[hash].woff2文件夹中加载icons.[hash].woff，icons.[hash].ttf和build/static/media在CRA应用中。

具体地说，我看到的是404

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

现在，我希望将图标与常规.css（和/或.js）文件捆绑在一起，因此我不必担心media文件夹。但是，我也不必将图标文件部署在media文件夹中，也没有什么问题，但是我需要React构建来知道寻找它们的正确位置，而这些位置不在< / p>

https://servername/static/media

那会更像

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

那我该怎么办

• 获取捆绑在.css / .js文件中的图标

或

• 向CRA / Webpack指示这些文件实际上将最终存放的位置，因此应用程序正在正确的位置寻找它们？

Answer 1

通过从捆绑语义UI CSS切换到从官方CDN中拉出它来解决了这个问题，这使得它从某个地方从CDN中拉出图标，所以我不必处理它们。