Ale*_*ter 7 favicon vuejs2 vue-cli
我正在使用 Vue CLI webpack 模板，但很难加载我自己的图标。
我跑了 vue init webpack my-app
在index.html我已经包括：
<link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>favicon.ico">
...我确实看到了默认的 (Vue) 图标。但是，我无法确定该收藏图标位于（或以其他方式引用）的位置，也无法弄清楚将自己的收藏图标放在哪里以替换它。
我也遵循了这个答案中的建议，它建议将网站图标图像放在static文件夹中，并将其包含在index.html：
<link rel="shortcut icon" type="image/png" href="/static/favicon.png"/>
但是，正如承诺的那样，我无法访问我的网站图标。
我的猜测是在 CLI 配置文件中的某处引用了图标位置/文件，但我找不到它。
您可以将其视为普通图像，构建器会将 ico 编译为普通图像。ico 肯定会合并到编译的代码中，因为它很轻。因此，如果您的 index.html 位于 src 中，与 img 目录处于同一级别：
您将在 index.html 中看到：
<link href='./img/favicon.png' rel="icon" Atype="image/x-icon" />
或者您可以直接将其添加到 public 或 dist（项目构建的位置）目录中，然后删除 index.html 的 favicon 标签。
如果它不起作用，那么你可能需要查看 webpack 配置......
我使用 vue-cli 3.0.0-beta.15 并使用以下命令创建我的项目：
vue create proj
图标位于公共目录下：
| 归档时间： |
|
| 查看次数： |
12225 次 |
| 最近记录： |