Если это не работает, обновите ваш вопрос с помощью шаблона DOM, чтобы увидеть, как он там определен.

аюсь связать только необходимые значки Font Awesome 5 через веб-пакет, но значки не заменяются в DOM.

Я добавил все необходимые пакеты издокументация:

yarn add -D @fortawesome/fontawesome
yarn add -D @fortawesome/fontawesome-pro-solid
yarn add -D @fortawesome/fontawesome-pro-regular
yarn add -D @fortawesome/fontawesome-free-brands

Следующий пользовательский JS включен:

"use strict";

import fontawesome from '@fortawesome/fontawesome';
import faCheck from '@fortawesome/fontawesome-pro-regular/faCheck';

fontawesome.icon(faCheck);

function iconsDoneRendering () {
    console.log('Icons have rendered'); // No output in console
}

fontawesome.dom.i2svg({ 
    callback: iconsDoneRendering,
})

HTML-шаблон:

<head>
    <link rel="stylesheet" href="/css/app.css?v2.1.4"> <!-- contains fa-svg-with-js.css -->
</head>
<body>
    <ul class="fa-ul">
        <li><span class="fa-li"><i class="far fa-phone"></i></span>List item 1</li>
        <li><span class="fa-li"><i class="far fa-check"></i></span>List item 2</li>
    </ul>
    <script src="/js/app.js?v2.1.4"></script>
</body>

Путь svg находится в комплекте JS-файла, но я не могу понять, какой метод нужно вызвать.

Следующий код JS решает проблему (начиная с версии 5.0.2):

"use strict";

import fontawesome from '@fortawesome/fontawesome';
import faCheck from '@fortawesome/fontawesome-pro-regular/faCheck';
import faPhone from '@fortawesome/fontawesome-pro-regular/faPhone';

fontawesome.library.add(faCheck,faPhone);
 benembery12 дек. 2017 г., 19:32
У меня та же проблема, вам удалось ее решить?
 Daniel Potthast14 дек. 2017 г., 07:40
Похоже, в настоящее время это невозможно: «Нам нужно будет внести некоторые изменения, чтобы поддержать то, что у вас есть. В настоящее время это является для нас высоким приоритетом».
 benembery12 дек. 2017 г., 22:03
Вы видите, как CSS добавляется в заголовок документа, как и я?
 cr0ybot18 янв. 2018 г., 19:40
Я вижу, что вы обновили вопрос, включив в него ответ (немного странно, но хорошо). Для всех, кто интересуется, почему это не заменяет их значки, может быть, вы не включилиfontawesome.dom.i2svg() после добавления их в библиотеку. Это был тот шаг, который я пропустил, что не очень хорошо задокументировано.
 Daniel Potthast22 янв. 2018 г., 08:12
Спасибо за ваш отзыв - я вернул исходный вопрос и добавил решение. В моем случае замена работает без вызова i2svg.

Ответы на вопрос(3)

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

Если вы загружаете Font Awesome 5 через NPM и WebPack для использования в интерфейсном HTML, как я, вам нужно будет сделать что-то подобное в вашем JS, который входит в ваш пакет:

"use strict";

// Import FontAwesome: https://fontawesome.com/how-to-use/use-with-node-js
import fontawesome  from '@fortawesome/fontawesome';

// This enables using FontAwesome in CSS pseudo elements
// see: https://fontawesome.com/how-to-use/svg-with-js#pseudo-elements
fontawesome.config.searchPseudoElements = true;

// Icons should be imported individually to keep bundle size down
import faCheck from '@fortawesome/fontawesome-pro-regular/faCheck';
import faPhone from '@fortawesome/fontawesome-pro-solid/faPhone';
fontawesome.library.add(faCheck, faPhone);

// If really necessary, entire styles can be loaded instead of specifying individual icons
//import solid from '@fortawesome/fontawesome-pro-solid';
//fontawesome.library.add(solid);

// Execute SVG replacement
fontawesome.dom.i2svg();

Последняя строка является ключевой, вы должны выполнить замену иконки SVG вручную.

 Maros Hluska19 дек. 2018 г., 06:03
Это устарело,fontawesome.com/how-to-use/svg-with-js#pseudo-elements больше не существует

Попробуй использовать

fontawesome.library.add(faCheck);

вместо

fontawesome.icon(faCheck);

Если это не работает, обновите ваш вопрос с помощью шаблона DOM, чтобы увидеть, как он там определен.

Решение Вопроса

M, чтобы исправить некоторые ошибки, связанные с этим. Убедитесь, что вы обновляетесь, прежде чем пытаться что-либо еще.

Отсутствующий шаг в приведенном выше примере - добавить значок в библиотеку:

fontawesome.library.add(faCheck)
 benembery20 дек. 2017 г., 22:02
Спасибо @ rob-madole, это работает отлично. Я ценю быстрое обновление.
 Daniel Potthast22 дек. 2017 г., 07:56
Спасибо, работает отлично! Я исправил образец выше.

Ваш ответ на вопрос