Quasar CLI with Webpack - @quasar/app-webpack
PWA应用准备

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

为了建立PWA,我们首先需要在我们的Quasar项目中加入PWA模式:

$ quasar mode add pwa

如果你想直接进入并开始开发,你可以跳过“quasar mode”命令并发出:

$ quasar dev -m pwa

这将自动添加PWA模式(如果没有的话)。

一个新文件夹将出现在您的项目文件夹中(在PWA配置页面上有详细说明):

.
└── src-pwa/
    ├── register-service-worker.js  # (or .ts) App-code *managing* service worker
    └── custom-service-worker.js    # (or .ts) Optional custom service worker file
                                    #               (InjectManifest mode ONLY)

这两个文件将在下一页中详细介绍,但概述如下:

  • register-service-worker.[js|ts]文件是UI代码的一部分,与service worker进行通信。
  • 当使用InjectManifest时,你可以编写你自己的自定义service worker(custom-service-worker. [js|ts])。