icon/

Favicon

当项目根目录的 config 目录下存在 favicon.* 文件时,Modern.js 会自动将该文件设置到 html.favicon 配置项中,用于生成页面的 favicon 图标:

./config └── favicon.ico

构建完成后,可以看到 HTML 中自动生成了以下标签:

<link rel="icon" href="/favicon.ico" />

查找顺序

在设置 app icon 时,Modern.js 会按以下顺序寻找文件:

  • favicon.png
  • favicon.jpg
  • favicon.jpeg
  • favicon.svg
  • favicon.ico

Apple Touch Icon

当项目根目录的 config 目录下存在 icon.* 文件时,Modern.js 会自动将该文件设置到 html.appIcon 配置项中,用于生成 iOS 系统下的 Apple Touch Icon 图标。

./config └── icon.png

构建完成后,可以看到 HTML 中自动生成了以下标签:

<link rel="apple-touch-icon" sizes="180x180" href="/static/image/icon.png" />

查找顺序

在设置 app icon 时,Modern.js 会按以下顺序寻找文件:

  • icon.png
  • icon.jpg
  • icon.jpeg
  • icon.svg
  • icon.ico