Значки семантического интерфейса React больше не связаны? - PullRequest
0 голосов
/ 06 февраля 2019

Я использую create-react-app и Semantic UI React для создания веб-части для SharePoint.(2016 год выпуска. Начиная с 2013 года, поэтому я не смог использовать SPFx, так что это просто обычный старый React.)

Я создал решение как решение для фермы, поэтому я мог сопоставить папку Layoutsи выходные данные сборки CRA (файлы .js и .css) развертываются в папку Layouts.Я также сопоставил папку 16 кустов на сервере dev как диск на моей машине для разработки, поэтому после запуска npm run build частью моего процесса разработки было копирование пакетов непосредственно на сервер, чтобы я мог проверитьмои изменения / прогресс и т. д., не проходя обычный процесс развертывания SharePoint.

Я только когда-либо копировал файлы .js и .css, а значки работали.

Теперь, однакозначки больше не отображаются, и похоже, что код пытается загрузить icons.[hash].woff2, icons.[hash].woff и icons.[hash].ttf из папки build/static/media в приложении CRA.

В частности,Я вижу 404s для

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 место, где эти файлы на самом деле окажутся, поэтому приложение ищет их вправильное место?

1 Ответ

0 голосов
/ 08 февраля 2019

Обошел проблему, перейдя от связывания CSS семантического интерфейса пользователя к извлечению его из официального CDN, что заставляет его где-то извлекать значки из CDN, поэтому мне не нужно с ними иметь дело.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...