我正在使用 Vue 2.0 和 Vue CLI 3.0。我试图让 favicon.ico/png 文件正常工作，但一点运气都没有。
我已将问题缩小到以下范围。
由yarn build生成的index.html文件转换了这行html代码：
<link rel="icon" href="favicon.png" >
to...
<!--[if IE]><link rel="icon" href="favicon.png"><![endif]-->
如果我进入 Chrome 开发人员工具并将该行更改回原来的方式，则 ico/png 文件将按预期呈现。
我的问题是：如何解决这个问题，以便纱线构建不再弄乱我的 html 代码。
在 - 的里面vue.config.js将图标的 PWA 选项设置为指向您想要的任何图标。具体来说，设置pwa.iconPaths例如：
module.exports = {
pwa: {
iconPaths: {
favicon32: 'img/icons/myFavicon.png',
}
}
}
See
- https://cli.vuejs.org/config/#pwa https://cli.vuejs.org/config/#pwa
- https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
