#javascript #css #node.js #express #font-awesome
#javascript #css #node.js #экспресс #шрифт-потрясающий
Вопрос:
Я работаю над веб-сайтом, основанным на node.js express.js , используя технику font-awesome в качестве значка.
Шрифт-awesome размещен локально, а файл JS [font-awesome.js ] составляет 1,2 Мб, хотя мы используем только 10-15 значков. Хотите уменьшить этот размер.
Вариант, который я понимаю,
Если я открою JS-файл, появится массив с именем icons, содержащий список содержимого SVG для всех значков. Итак, я могу удалить все, кроме обязательных. Однако очевидная проблема с этой опцией заключается в том, что если я захочу использовать другой значок в будущем, мне нужно отредактировать его снова. 
Вариант, который я не понимаю,
Существует пакет [svc-javascript-core] (https://fontawesome.com/how-to-use/on-the-web/advanced/svg-javascript-core ), что позволяет создать требуемое подмножество. В нем также упоминается, что если вы не используете какой-либо инструмент для сотрясения дерева (я нет), вы можете использовать глубокий импорт (https://fontawesome.com/how-to-use/javascript-api/other/tree-shaking ).
Однако я не понимаю,
- Приведет ли это к созданию нового JS-файла, содержащего только подмножество (или я могу закодировать это сам?)
- Изменит ли это способ использования font-awesome на моих страницах?
Любая помощь будет оценена.
Комментарии:
1. Я думаю, именно по этой причине они продают «наборы», адаптированные к вашим потребностям (упаковывают только нужные вам иконки). Вам понадобятся значки на стороне клиента, поэтому я не верю node.js и экспресс-теги здесь уместны. Что вы используете на стороне клиента? Простой html js?
Ответ №1:
Вы можете использовать приложение Subsetter для Font Awesome, которое позволяет вам выбирать только те значки, которые вы используете на своем веб-сайте.
Чтобы ответить на ваш другой вопрос: нет, это не изменит способ использования Font Awesome. За исключением необходимости обновлять подмножество, когда вам нужны новые значки.