Импорт одного и того же значка из другого стиля с помощью библиотеки значков (FontAwesome5 для Angular)
Файл Readme на GitHub показывает, как импортировать иконки из разных пакетов. Например:
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
import { faArrowAltRight } from '@fortawesome/pro-light-svg-icons';
library.add(faCoffee, faArrowAltRight);
но нет примера, как импортировать один и тот же значок из разных стилей. Я сделал это так:
import { faHome as falHome } from "@fortawesome/pro-light-svg-icons";
import { faHome } from "@fortawesome/pro-regular-svg-icons";
library.add(falHome, faHome);
но это не красиво, так как мне нужно конкретное as
для всех иконок, которые дублируются, но из разных стилей.
Итак, у меня возникла идея импортировать всю библиотеку, но добавить только несколько значков:
import * as fal from "@fortawesome/pro-light-svg-icons";
import * as far from "@fortawesome/pro-regular-svg-icons";
library.add(fal.faHome, far.faHome);
Я не уверен, могу ли я ожидать большего конечного размера или каких-либо других проблем с производительностью в этом случае.
Добавление всей библиотеки не рекомендуется ( из readme GitHub):
Вы также можете импортировать целые стили значков. Но будь осторожен! Все, что вы импортируете, может привести к тому, что ваш окончательный комплект будет наполнен значками, которые вы не используете.
library.add(fal, far);
но я не добавляю всю библиотеку, просто импортирую.
Я сделал несколько тестов и сравнил размер файла (main.js
) и время сборки. Они примерно одинаковые (2280.098 kB
против 2280,988 kB
а также 5:19
против 5:15
).
Но я не эксперт по TypeScript или Angular, и мне хотелось бы знать, должно ли это работать (при том же размере и времени сборки), или это случайно не изменилось, и это может измениться в будущем?
Мои основные инстинкты говорят мне, что это не должно быть одинаково, так как я импортирую всю библиотеку. Но я уже читал кое-что о тряске дерева, и импорт всей библиотеки не должен быть проблемой, так как тряска дерева игнорирует все неиспользуемые значки (импорт). Это правда?