Quasar CLI with Vite - @quasar/app-vite
Cordova配置

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

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

config.xml

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

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

quasar.config.js

Quasar CLI可帮助您自动设置移动APP的某些属性(从config.xml文件获取):Cordova “id”、APP版本(version)、说明(description)和Android系统的versionCode。这是为了方便,这样你就有一个数据源。例如,要改变你的APP版本,你不需要同时修改的多个文件,这是容易出错的。

为了确定上面提到的每个属性的值,Quasar CLI: 1.在/quasar.config.js中查找“cordova”对象。它有“version”、“description”和/或"androidVersionCode"吗?如果是的话,它会使用它们。 2.如果没有,那么它会查看/package.json中的“cordovaId”,“version”和“description”字段。

return {
  capacitor: {
    // 如果不存在,将查找package.json > version
    version: '..', // string
    // 如果不存在,将查找package.json > description
    description: '...', // string
    androidVersionCode: '..', // string

    /**
     * 即使考虑到iOS Cordova问题,也要启用Xcode modern build。
     * 如果你知道你在做什么,你可以启用它,
     * 例如,如果您想在“build.json”中指定构建类型。
     *
     * 默认: false
     */
    noIosLegacyBuildFlag: true/false
  }
}

您可以配置的其他选项:

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

        // 点击手机后退按钮后app是否退出
        backButtonExit: true/false/'*'/['/login', '/home', '/my-page'],

        // 另一方面,下面的内容完全禁用了
        // Quasar的后退按钮管理
        backButton: true/false
      }
    }
  }
}

如果你想篡改/src中UI的Vite配置:

// quasar.config.js
module.exports = function (ctx) {
  return {
    build: {
      extendViteConf (viteConf) {
        if (ctx.mode.cordova) {
          // do something with ViteConf
        }
      }
    }
  }
}