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

时间:2019-01-31 10:02:24

标签: angular webpack ng-build

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目录中排除未使用的标志图标图像?

1 个答案:

答案 0 :(得分:0)

我从{_1}}中的node_modules中导入了标志图标:

styles.css

我没有从node_modules导入,而是将@import 'flag-icon-css/css/flag-icon.css'移到了flag-icon.css

src/assets/css

注释掉未使用的图标。 再次运行build,@import 'flag-icon-css/css/flag-icon.css';目录将仅包含已使用的映像。