为什么在构建时注释掉了 favicon 元素的链接？答案

【问题标题】：Why is the link to favicon element commented out on build?为什么在构建时注释掉了 favicon 元素的链接？
【发布时间】：2020-05-17 15:37:16
【问题描述】：

一段时间以来，我一直在尝试在我的 vue.js 项目中使用我自己的 favicon。我用我自己的替换了原来的 vue favicon，它不起作用。

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

我想我现在已经缩小了问题的范围，但不明白为什么会发生。当我在浏览器中检查构建的 web 应用程序时，引用 favicon 的链接元素显示以下内容：

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

【问题讨论】：

【解决方案1】：

当您在 Internet Explorer 低于版本 11

中访问网站时，这是一个备用

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

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

时才会解析相应的元素

请注意， 只能被 Internet Explorer 10 和低于 IE 10

的版本识别

【讨论】：