Quasar CLI with Webpack - @quasar/app-webpack
此构建目标包含了适用于各种浏览器和操作系统的特殊图标。这些图标全都是必需的——如果您发现有新增的或遗漏的图标,请 提交一个 issue。
Icon Genie CLI
提示
我们强烈推荐使用 Icon Genie CLI,只需提供一个资源图标,它就能自动克隆、缩放、压缩图标,并将其放置到正确的目录中。需要时它还会提醒您将哪些标签添加到 /index.html 文件中。
通过 Icon Genie CLI 快速生成所需的图标,关于完整的命令列表和配置参数请移步 Icon Genie CLI 页面。
$ icongenie generate -m spa -i /path/to/source/icon.pngcontent_paste
手动配置
public/
favicon.ico
icons/
favicon-128x128.png
favicon-96x96.png
favicon-32x32.png
favicon-16x16.png
需要将以下代码添加到 /index.html 中来引用这些图标:
<link rel="icon" type="image/ico" href="favicon.ico" />
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png" />
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png" />content_paste