语义 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].woff2
、icons.[hash].woff
和 icons.[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
那我怎么办呢
- 获取捆绑在 .css/.js 文件中的图标
或
- 指示 CRA/Webpack 这些文件实际结束的位置,以便应用程序在正确的位置寻找它们?
通过从捆绑语义 UI CSS 切换到从官方 CDN 中提取它来绕过问题,这使得它从某处的 CDN 中提取图标,所以我不必对付他们。
我正在使用 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].woff2
、icons.[hash].woff
和 icons.[hash].ttf
] CRA 应用程序中的文件夹。
具体来说,我看到
的 404https://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
那我怎么办呢
- 获取捆绑在 .css/.js 文件中的图标
或
- 指示 CRA/Webpack 这些文件实际结束的位置,以便应用程序在正确的位置寻找它们?
通过从捆绑语义 UI CSS 切换到从官方 CDN 中提取它来绕过问题,这使得它从某处的 CDN 中提取图标,所以我不必对付他们。