Консоль Webpack отображает шрифты в списке ресурсов, но эти шрифты не попадают в браузер - PullRequest
Новая
       42

Консоль Webpack отображает шрифты в списке ресурсов, но эти шрифты не попадают в браузер

0 голосов
/ 05 февраля 2020

Я относительно новичок в вебпаке и думаю, что у меня есть пробелы в моем понимании относительно того, как определенные кусочки подаются друг в друга. У меня проблемы с доступом к шрифтам, которые я пытаюсь упаковать в своем браузере. У меня есть правила и загрузчики для типов файлов шрифтов, и я даже вижу файлы шрифтов в списке активов в выводе моей консоли. Однако, когда я открываю инструменты разработки браузера и просматриваю вкладку источников, я не вижу своих файлов шрифтов.

Вот суть моего веб-пакета: https://gist.github.com/moranm6/b59e5c0003fedca665301f54f32d7da4 Я пытаясь понять каждый кусочек прямо сейчас

Есть ли у кого-нибудь совет, как я могу отследить разрыв между просмотром файлов шрифтов, перечисленных в списке «Актив» вывода консоли веб-пакета (после npm начать) а их появилось в браузере? Какой код отвечает за добавление этих файлов шрифтов в исходные тексты моего браузера?

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

Я добавил правила и загрузчики, как описано в этого руководства , но все еще не могу загрузить свои шрифты в браузер. Я попытался использовать как url-loader, так и file-loader.

EDIT: Стив спросил, как я ссылаюсь на шрифты. Я импортирую файл css из пакета npm, и этот пакет содержит шрифты. Внутри файла css, который я импортирую, определения семейства шрифтов выглядят так: 

@font-face{
    font-family:ABBVoice-light;
    src:url(bundled_assets/ABBvoice_W_Lt-1rQKI.eot);
    src:url(bundled_assets/ABBvoice_W_Lt-1rQKI.eot?#iefix) format("embedded-opentype"),url(bundled_assets/ABBvoice_W_Lt-3Vcoi.woff2) format("woff2"),url(bundled_assets/ABBvoice_W_Lt-7ibc6.woff) format("woff"),url(bundled_assets/ABBvoice_W_Lt-1WmEF.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
...