Импорт одного и того же значка из другого стиля с помощью библиотеки значков (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, и мне хотелось бы знать, должно ли это работать (при том же размере и времени сборки), или это случайно не изменилось, и это может измениться в будущем?
Мои основные инстинкты говорят мне, что это не должно быть одинаково, так как я импортирую всю библиотеку. Но я уже читал кое-что о тряске дерева, и импорт всей библиотеки не должен быть проблемой, так как тряска дерева игнорирует все неиспользуемые значки (импорт). Это правда?

0 ответов

Другие вопросы по тегам