如何删除 Vue 中的硬编码图标？

Question

我安装了带有 PWA 插件和 i18n 的 Vue CLI 3。

我删除了/public/中的所有Vue图标文件（包括/public/img/icons中的PNG），删除了/src/assets中的logo.png文件，删除了[ /public/index.html 中的 =26=](rel=icon) 标签，更改 manifest.json 以删除对现有 Vue 图标文件的任何引用，清除我的浏览器缓存，但在加载页面时，我仍然在 DOM:

中得到这些硬编码的 link 标签

<link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
<link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png">
<link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87">
<meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png">

None 个文件存在，其中 none 个在我的项目中的任何地方被引用。最奇怪的是默认的 Vue favicon 仍然显示在我使用的任何浏览器中，即使在删除所有文件之后，所以它绝对不是客户端缓存的东西。

我怎样才能删除这些？

Answer 1

我刚刚发现我需要编辑我的 vue.config.js 并添加如下内容：

    pwa: {
        name: 'Test',
        iconPaths: {
          favicon32: '(any icon file here)',
          favicon16: '(any icon file here)',
          appleTouchIcon: '(any icon file here)',
          maskIcon: '(any icon file here)',
          msTileImage: '(any icon file here)'
        }
    }

覆盖默认设置（参见 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa）

如何删除 Vue 中的硬编码图标？

How to remove the hardcoded favicon in Vue?

webpack

vue.js

webpack-dev-server

vuejs2

vue-cli-3