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

为了构建 PWA，我们首先需要将 PWA 模式添加到我们的 Quasar 项目中

$ quasar mode add pwa

如果您想立即开始开发，可以跳过“quasar mode”命令并发出

$ quasar dev -m pwa

如果缺少 PWA 模式，这将自动添加它。

一个新的文件夹将出现在您的项目文件夹中（在 配置 PWA 页面中有详细解释）

这两个文件将在接下来的页面中详细介绍，但总体概述是

• register-service-worker.[js|ts] 文件是 UI 代码的一部分，并与服务工作者通信。
• 使用 InjectManifest 时，您可以编写自己的自定义服务工作者（custom-service-worker.[js|ts]）。