为什么捐赠
API 探索器
升级指南
新增!
quasar.config 文件
转换为使用 Webpack 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
延迟加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码风格检查
测试与审计
开发移动应用
Ajax 请求
向公众开放开发服务器
Quasar CLI 与 Webpack - @quasar/app-webpack
什么是 PWA

渐进式 Web 应用 (PWA) 是一种使用现代 Web 功能为用户提供类应用体验的 Web 应用。这些应用满足某些要求(见下文),部署到 Web 服务器,并通过 URL(使用 HTTPS 协议)访问。

这可以与 Cordova 结合使用,为所有用户提供多个部署目标。Quasar CLI 允许您将您的应用部署为 PWA 以及移动应用,并利用这两个渠道的优势。

需要什么

要被视为渐进式 Web 应用,您的应用必须是

  • 渐进式 - 适用于每个用户,无论他们选择什么浏览器,因为它们以渐进增强作为核心原则构建。
  • 响应式 - 适应任何表单因子,桌面、移动、平板电脑或任何即将推出的设备。
  • 连接无关 - 通过服务工作线程增强,可以在脱机或低质量网络环境下工作。
  • 类应用 - 使用应用外壳模型提供应用风格的导航和交互。
  • 新鲜 - 由于服务工作线程更新过程,始终保持最新状态。
  • 安全 - 通过 HTTPS 提供服务,以防止窥探并确保内容未被篡改。
  • 可发现 - 由于 W3C 清单和服务工作线程注册范围,可以识别为“应用程序”,允许搜索引擎找到它们。
  • 可重新参与 - 通过推送通知等功能轻松重新参与。
  • 可安装 - 允许用户将他们认为最有用的应用“保留”在其主屏幕上,而无需费力地使用应用商店。
  • 可链接 - 轻松通过 URL 共享,无需复杂的安装。

更多信息可在 Addy Osmani 的 关于 PWA 的文章 中找到。

清单文件

应用清单文件描述了应用所需的资源。这包括应用的显示名称、图标以及启动画面。Quasar CLI 为您配置了这些内容,但您可以在 /quasar.config 文件中覆盖任何属性。访问 配置 PWA 文档页面了解如何操作。

更多信息:清单文件

服务工作线程

服务工作线程提供了一种以编程方式缓存应用资源(文件)的方法。编程 API 允许开发人员决定如何处理缓存,并提供比其他选项更灵活的体验。

更多信息:服务工作线程 API