Question

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

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

yarn构建生成的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',
    }
  }
}

请参见