为什么 link to favicon 元素在构建时被注释掉了?

Why is the link to favicon element commented out on build?

一段时间以来,我一直在尝试在我的 vue.js 项目中使用我自己的网站图标。我用自己的替换了原来的vue favicon,还是不行

我已经尝试了所有我能找到的故障排除步骤。清除缓存,等待几天,查询覆盖缓存等

我想我现在已经缩小了问题的范围,但不明白为什么会发生。当我在浏览器中检查构建的网络应用程序时,引用图标的 link 元素显示如下:

<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->

该元素已被注释掉,并且似乎附加了一个 if 语句。这是为什么?

当您在 Internet Explorer 版本 11

下访问网站时,这是一个回退

Internet Explorer <11 不支持将 .png 图像用作网站图标,但仅支持 .ico 文件。仅从版本 11 及更高版本开始支持 .png.gif 文件。

这就是为什么它周围有if语句的原因,只有当浏览器是IE <11

时才会解析相应的元素

请注意,<!--[if IE]><![endif]--> 只能被 Internet Explorer 10 和低于 IE 10

的版本识别

https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/hh801214(v=vs.85)?redirectedfrom=MSDN