angular - 从 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

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