When packaging an appx format installer using electron-builder, it seems that the corresponding icons are missing.

[LuSrackhall]

Icons currently generable in Quasar.

Icon requirements for appx packaging

Currently, in the Quasar community, I did a simple search and it seems that no one has raised a similar issue. (Perhaps because it's not too difficult to solve.)

However, if it could be documented or directly integrated, it would make Quasar more user-friendly. (I spent nearly a few hours solving this issue myself.)

The reason for recording this discussion is to help others who might need it.

[LuSrackhall]

appx 所需图标文件列表如下

• Logo: StoreLogo.png
• Square150x150Logo: Square150x150Logo.png
• Square44x44Logo: Square44x44Logo.png
• Wide310x150Logo: Wide310x150Logo.png
• Optional BadgeLogo: BadgeLogo.png
• Optional Square310x310Logo: LargeTile.png
• Optional Square71x71Logo: SmallTile.png
• Optional SplashScreen: SplashScreen.png

由于没有默认提供, 目前的工作流程需要通过icongeniecil工具的自定义功能, 来处理相关步骤。

• 编写图标生成配置文件, 用于生成appx所需图标文件

  • 文件名 icon-genie-profile.json , 将其放置在与quasar.config.js同级别的目录中。

{
  "params": {
    "icon": "your icon srouce file",
    "quality": 12,
    "themeColor": "ffffff"
  },
  "assets": [
    {
      "generator": "png",
      "name": "StoreLogo.png",
      "folder": "src-electron/appx",
      "sizes": [50]
    },
    {
      "generator": "png",
      "name": "Square150x150Logo.png",
      "folder": "src-electron/appx",
      "sizes": [150]
    },
    {
      "generator": "png",
      "name": "Square44x44Logo.png",
      "folder": "src-electron/appx",
      "sizes": [44]
    },
    {
      "generator": "png",
      "name": "Wide310x150Logo.png",
      "folder": "src-electron/appx",
      "sizes": [310, 150]
    },
    {
      "generator": "png",
      "name": "BadgeLogo.png",
      "folder": "src-electron/appx",
      "sizes": [24]
    },
    {
      "generator": "png",
      "name": "LargeTile.png",
      "folder": "src-electron/appx",
      "sizes": [310]
    },
    {
      "generator": "png",
      "name": "SmallTile.png",
      "folder": "src-electron/appx",
      "sizes": [71]
    },
    {
      "generator": "png",
      "name": "SplashScreen.png",
      "folder": "src-electron/appx",
      "sizes": [620, 300]
    }
  ]
}

• 在icon-genie-profile.json所在目录执行命令icongenie generate -p icon-genie-profile.json