FontAwesome 5 - $ fa-font-path не учитывается

Question

Мои значки FontAwesome не будут работать, поскольку переменная $fa-font-path не учитывается при создании файла fontawesome.scss.

Шаг 1. Я установил FontAwesome 5.13 с помощью npm

npm install @fortawesome/fontawesome-free --save

Шаг 2: Я отредактировал свой файл /scss/vendors.scss и добавил следующий

$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
@import "../node_modules/@fortawesome/fontawesome-free/scss/regular.scss";

Похоже, это правильные пути, как будто я делаю какие-либо изменения, я получаю ошибку во время сборки.

Шаг 3: Я перестроил моего продавца. css

./node_modules/.bin/parcel build scss/vendor.scss --no-source-maps --out-dir public/css --out-file bundle.css

Внутри кажется, что вместо значения $fa-font-path используется /.

Шаг 4: Я пытался установите $fa-font-path значение в node_modules/@fortawesome/fontawesome-free/scss/_variables.scss

Та же проблема.

Answer 1

Мне удалось решить эту проблему.

Это произошло из-за посылки , которая по умолчанию устанавливает / вместо ./ в качестве пути по умолчанию для публикации c для CSS файлов. Многие люди жалуются на такое поведение, а также на проблем, на которые ссылается их репозиторий Github .

SOLUTION

Добавьте следующий параметр в Ваш скрипт сборки:

--public-url ./

Пример:

parcel build src/index.html -d public --public-url ./

Подробнее в Документация посылки .