S CSS Webfont (Font Awesome) Повреждение компиляции с помощью Webpack

Question

При компиляции объявлений содержимого шрифта в S CSS вывод искажается. Вместо вывода escape-последовательности символов, как я ожидал, например, content: \f26e;, загрузчик sass выводит один не отображаемый символ, представленный в виде квадрата, например, content: ""; Символы можно найти в пакете js как а также извлеченные CSS.

Вы можете ясно увидеть в CSS, который поставляется с пакетом узла Font Awesome, порядок его записи в файл

.fa-500px:before {
  content: "\f26e"; }

Как это записывается в мой файл

.fa-500px:before {
  content: "";
}

Я пытался создать стили из стилей Font Awesome, когда обнаружил проблему. Я решил просто попытаться перекомпилировать Font Awesome, но проблема сохранилась и там. Я искал и не нашел никаких ресурсов, которые бы указывали на то, что я делаю это неправильно, но это мое предположение, а не то, что что-то не так с загрузчиком sass в Webpack.

Я создал репо что демонстрирует проблему: https://github.com/rlvandaveer/sass-loader-fontawesome-gist

Answer 1

Копаясь в этом больше, я решил, что это на самом деле не проблема. Два вышеупомянутых случая эквивалентны. Первый - это escape-код ASCII, а второй - соответствующий буквальный символ Unicode (который не отображается должным образом). В этом репозитории используется реализация dart sass, которая работает иначе, чем реализация node-sass, к которой я привык. Эта проблема с дартс-сасом подтверждает разницу между двумя реализациями.

Надеемся, что этот ответ спасет кого-то от подобной проблемы путаницы.