Capacitor配置

我们将使用Quasar CLI开发和构建移动APP。构建SPA,PWA,Electron应用或移动APP之间的区别仅由“quasar dev”和“quasar build”命令中的“mode”参数决定。

有两个配置文件对您的移动APP非常重要。我们会介绍每一个。

capacitor.config.json

您的移动APP最重要的配置文件是/src-capacitor/capacitor.config.json/src-capacitor文件夹是一个Capacitor项目,所以请参考Capacitor文档以了解每个文件作用是什么。但现在,请花一些时间阅读capacitor.config.json.

我们将在下一节中看到该文件的一些属性将被覆盖。

quasar.conf.js

Quasar CLI可帮助您自动设置移动APP的某些属性, 如app名称、app id、版本、描述等等。这是为了方便起见,因此您可以在一个点上进行更改,例如,更改应用程序的版本,而不需要同时修改多个文件,因为这很容易出错。

为了确定上面提到的每个属性的值,Quasar CLI:

  1. /quasar.conf.js中查找“capacitor”对象。它有“id”、“appName”、“version”、“description”吗?如果是的话,它会使用它们。
  2. 如果没有,那么它会查看/package.json中的“capacitorId”(或“cordovaId”用于畅快的Quasar CLI升级)、“name”、“version”和“description”字段。

您可以配置的其他选项:

return {
  framework: {
    config: {
      capacitor: {
        iosStatusBarPadding: true/false, // 在iOS移动设备上添加动态顶部填充(top padding)
      }
    }
  }
}