Quasar CLI with Webpack - @quasar/app-webpack
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
}
}
}
}