Quasar CLI with Webpack - @quasar/app-webpack
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.config.js
在/quasar.config.js
中有两个地方可以为Capacitor配置Quasar的特性。
return {
capacitor: {
// (Optional!)
hideSplashscreen: false, // disables auto-hiding the Splashscreen by Quasar CLI
// (Optional!)
capacitorCliPreparationParams: [ 'sync', ctx.targetName ],
// (Optional) If not present, will look for package.json > name
appName: '...', // string
// (Optional) If not present, will look for package.json > version
version: '...', // string
// (Optional) If not present, will look for package.json > description
description: '...', // string
}
}
您也可以配置:
return {
framework: {
config: {
capacitor: {
iosStatusBarPadding: true/false, // 在iOS移动设备上添加动态顶部填充(top padding)
}
}
}
}
最后,您还可以禁用或配置后退按钮钩子(用于对话框):
return {
framework: {
config: {
capacitor: {
// Quasar handles app exit on mobile phone back button.
backButtonExit: true/false/'*'/['/login', '/home', '/my-page'],
// On the other hand, the following completely
// disables Quasar's back button management.
backButton: true/false
}
}
}
}