【问题标题】:Semantic UI React icons no longer bundled?Semantic UI React 图标不再捆绑?
【发布时间】:2019-02-06 17:12:53
【问题描述】:

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

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

我只复制过 .js 和 .css 文件,以及以前可以使用的图标。

但是,现在图标不再显示,并且代码似乎正在尝试从 CRA 应用中的 build/static/media 文件夹加载 icons.[hash].woff2icons.[hash].wofficons.[hash].ttf

具体来说,我看到的是 404

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

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

https://servername/static/media

会更像

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

那我该怎么办

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

  • 向 CRA/Webpack 指明这些文件实际结束的位置,以便应用在正确的位置查找它们?

【问题讨论】:

    标签: reactjs sharepoint create-react-app semantic-ui-react


    【解决方案1】:

    通过从捆绑 Semantic UI CSS 切换到从官方 CDN 拉取它来绕过这个问题,这使得它可以从某个 CDN 拉取图标,所以我不必处理它们。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-12-09
      • 1970-01-01
      • 2017-06-01
      • 2018-06-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多