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">