我们将使用 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 代码的一部分，并与服务工作者通信。
• manifest.json是 PWA 清单文件。
• 使用 InjectManifest 时，您可以编写自己的自定义服务工作者（custom-service-worker.[js|ts]）。

如果您想使用不同的文件名，可以通过编辑/quasar.config文件来实现。

sourceFiles: {
  pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
  pwaServiceWorker: 'src-pwa/custom-service-worker',
  pwaManifestFile: 'src-pwa/manifest.json',
}