angular-cli - 如何更改 Angular CLI 图标

Question

如何更改 Angular CLI 设置的默认图标？

我尝试了很多方法，但它总是将 Angular Logo 显示为图标，即使我已经删除了该图标(src 文件夹中的 favicon.ico)。它仍然显示，但我不知道它是从哪里加载的。

我已将该图标替换为另一个图标，但它仍然显示 Angular Logo :

<link rel="icon" type="image/x-icon" href="favicon.ico">

Answer 1

制作一个具有相同名称的 png 图像 (favicon.png) 并更改这些文件中的名称:

index.html:

<link rel="icon" type="image/x-icon" href="favicon.png" />

angular-cli.json:

"assets": [
    "assets",
    "favicon.png" 
],

您将永远不会再看到有角度的默认图标。

尺寸应为32x32，如果超过此尺寸将不会显示。

注意:这不适用于 Angular 9

对于 Angular 9，你必须将 favicon 放入 Assets 中，然后给出类似的路径

<link rel="icon" type="image/x-icon" href="assets/favicon.png">