Vue index.html网站图标问题

Question

我正在使用Vue 2.0和Vue CLI 3.0。我正在尝试使favicon.ico / png文件正常工作，并且根本没有运气。

我将问题缩小到以下范围。

由yarn build生成的index.html文件将转换以下html代码行：

<link rel="icon" href="favicon.png" >

至...

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

如果我使用Chrome开发人员工具并将行改回原来的方式，则ico / png文件将按预期方式呈现。

我的问题是：我该如何解决这个问题，以使纱线构建不再弄乱我的html代码。

Answer 1

在vue.config.js集内，图标的PWA选项指向所需的任何图标。具体来说，设置pwa.iconPaths例如：

module.exports = {
  pwa: {
    iconPaths: {
       favicon32: 'img/icons/myFavicon.png',
    }
  }
}

看到