Webpack - возможно ли минимизировать зависимость от пакета?

Question

Я использую пакет NodeJS, который имеет зависимости FontAwesome на 2 МБ.

Этот пакет предоставляет компонент React, которому передается тип значка, и возвращает соответствующий значок на основе FontAwesome библиотека.

Однако, после проверки моих исходных карт, я заметил, что 2MB из всех 2,3MB моего приложения приходятся на модули узлов (FontAwesome), благодаря этому пакету.

Я был просто интересно - есть ли способ минимизировать размер? Или каждый раз, когда я импортирую этот пакет, мне нужно включить все его зависимости?

Answer 1

Да и нет.

Сам этот пакет контролируется лицом или группой, которые его поддерживают, поэтому, если они не предоставляют способ, вы не можете использовать этот пакет, а также минимизировать его зависимости.

Npm пакеты просто сохранить вашу работу. Если размер файла не стоит той работы, которую вы сохранили, возможно, не используйте пакет. Например: скажем, вы используете этот пакет для отображения значков социальных сетей. Этот пакет избавляет вас от необходимости создавать элементы изображения и вставлять их в DOM. Если вам нужно сделать это только один раз, использование пакета, в котором для достижения этой цели используются Компоненты, может быть излишним.

По сути, это будет постепенным шагом по сравнению с тем, что у вас есть сейчас:

• Используйте пакет шрифтов-awesome для веб-шрифтов
• Используйте шрифты-потрясающие веб-шрифты cdn
• Загрузите нужные вам шрифтовые SVG-иконки и используйте их в качестве элементов изображения.

Это всего лишь баланс, и это зависит от вас и потребностей вашего проекта.