Удалите неиспользуемые изображения flag-icon-css из каталога dist

Question

Приложение Angular 7 использует flag-icon-css.

ng build --prod создает каталог dist, содержащий все изображения значков флагов, хотя сейчас я использую только 5-7 изображений (я буду использовать больше, когда приложение будет расти).

Это добавляет много ненужного веса в проект.

На странице flag-icon-css github приведены инструкции по удалению неиспользуемых изображений путем редактирования. flag-icon-list.less, но это не сработало. https://github.com/lipis/flag-icon-css

Есть ли способ исключить неиспользуемые изображения значков флагов из каталога dist?

Answer 1

Я импортировал значки флагов в styles.css из node_modules:

@import 'flag-icon-css/css/flag-icon.css'

Вместо того, чтобы импортировать из node_modules, я переехал flag-icon.css в src/assets/css:

@import 'flag-icon-css/css/flag-icon.css';

Закомментированы неиспользованные иконки. Запустите сборку снова, dist Каталог будет содержать только изображения, которые используются.