При компиляции объявлений содержимого шрифтов в SCSS выходные данные искажаются. Вместо вывода escape-последовательности символов, как я ожидал, например content: \f26e;
, загрузчик sass выводит один неотображаемый символ, представленный в виде квадрата, например, content: "";
. Символы можно найти как в пакете js, так и в извлеченном CSS.
Вы можете ясно видеть в CSS, который идет с пакетом узла Font Awesome, как он должен быть записан в файл.
.fa-500px:before {
content: "\f26e"; }
Как это записывается в мой файл
.fa-500px:before {
content: "";
}
Я пытался создать стили на основе стилей Font Awesome, когда обнаружил проблему. Я решил просто попробовать перекомпилировать Font Awesome, но проблема не исчезла. Я поискал и не нашел никаких ресурсов, указывающих на то, что я делаю это неправильно, но это мое предположение, а не то, что что-то не так с sass-loader Webpack.
Я создал репо, демонстрирующее проблему: https://github.com/rlvandaveer/sass-loader-fontawesome-gist