ng 构建后的冗余国家标志

Question

执行 ng build --prod 后，我的 dist 文件夹包含许多 SVG 格式的国家标志。这可能是什么原因以及我该如何排除它们？

我的依赖项

我的开发依赖项

Answer 1

它来自 flag-icon-css 包。您可以使用/删除它来解决问题。

新的软件包将是 flag-icons

此外，为了减少导入的资源数量，您需要直接导入 scss 文件，而不是导入

flag-icons.min.css

（导入所有标志），而是尝试导入 scss 文件并尝试有条件地添加标志图标。

在文档中提到

_flag-icons-list.scss

要在 css 文件中仅包含特定国家/地区，请从 flag-icons-list.less 文件中删除不需要的国家/地区，然后重新构建。

代码

@import "variables";
@import "flag-icons-base"; /* contains the mixins */

/* @import "flag-icons-list"; */
/* instead of just importing the list of values from the above scss file, try include the code that you actually need, it might fix your issue */
...