为什么捐赠
API 浏览器
升级指南
NEW!
quasar.config 配置文件
迁移到 Webpack 版 CLI
浏览器兼容性
TypeScript 支持
目录结构
命令列表
CSS 预处理器
使用 Vue Router 进行页面路由
懒加载 - 代码分割
资源处理
Boot 文件
预取特性
API 代理
配置 Webpack
处理 process.env
使用 Pinia 管理状态
代码检查与格式化
测试与审计
开发移动应用
Ajax 请求
开放开发服务器到公网
联系站长
Quasar CLI with Webpack - @quasar/app-webpack
SPA 应用图标

此构建目标包含了适用于各种浏览器和操作系统的特殊图标。这些图标全都是必需的——如果您发现有新增的或遗漏的图标,请 提交一个 issue

Icon Genie CLI

提示

我们强烈推荐使用 Icon Genie CLI,只需提供一个资源图标,它就能自动克隆、缩放、压缩图标,并将其放置到正确的目录中。需要时它还会提醒您将哪些标签添加到 /index.html 文件中。

通过 Icon Genie CLI 快速生成所需的图标,关于完整的命令列表和配置参数请移步 Icon Genie CLI 页面。

icongenie generate -m spa -i /path/to/source/icon.png

手动配置

favicon.ico
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" />