vue.js - Vue index.html favicon 问题

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 文件将按预期呈现。

我的问题是：我该如何解决这个问题，以便 yarn build 停止弄乱我的 html 代码。

score 13 · Accepted Answer

在里面vue.config.js设置图标的 PWA 选项以指向您想要的任何图标。具体来说，pwa.iconPaths例如设置：

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

看

1 回答 1