Quasar CLI with Webpack - @quasar/app-webpack
SPA的应用图标
此构建目标包括个别浏览器和操作系统的各种特殊图标。 你需要所有这些 - 如果你发现一个新的或缺失的,请打开一个议题(issue)。
Icon Genie CLI
TIP
我们强烈建议您使用Icon Genie CLI,因为它使用一个源图标并自动克隆、缩放、缩小图标并将其放置在适当的目录中。当需要时,它还会告诉您需要向/src/index.template.html文件添加哪些标记。
使用Icon Genie CLI快速启动必要的图像。有关选项的完整列表,请访问Icon Genie CLI命令列表页面。
$ icongenie generate -m spa -i /path/to/source/icon.png
手动指引
public/
favicon.ico
icons/
favicon-128x128.png
favicon-96x96.png
favicon-32x32.png
favicon-16x16.png
/src/index.template.html
中需要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">