【发布时间】: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].woff2、icons.[hash].woff 和 icons.[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