logo
  • 指南
  • 配置
  • 插件
  • API
  • 示例
  • 社区
  • Modern.js 2.x 文档
  • 简体中文
    • 简体中文
    • English
    • 命令
      文件约定
      src/
      App.[tj]sx
      entry.[tj]s
      entry.server.[tj]sx
      modern.runtime.[tj]s
      routes/
      *.[server|node].[tj]sx
      api/
      lambda/*.[tj]s
      server/
      modern.server.[tj]s
      shared/
      config/
      html/
      favicon.*
      icon.*
      mock/
      public/
      upload/
      modern.config.[tj]s
      运行时
      Core
      createRoot
      render
      Router
      router
      SSR
      NoSSR
      renderStreaming
      renderString
      createRequestHandler
      BFF
      useHonoContext
      Utility
      CSS-In-JS API
      Head
      loadable
      📝 编辑此页面
      上一页favicon.*下一页mock/

      #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