从 dist 目录中删除未使用的 flag-icon-css 图像

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#development

有没有办法从 dist 目录中排除未使用的标志图标图像？

Answer 1

我从 node_modules 导入了 styles.css 中的标志图标：

@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 目录将只包含使用的图像。