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