Skip to page content
Quasar CLI with Vite - @quasar/app-vite

安装 PWA 特定依赖

注意生成的 /src-pwa 目录中的 /src-pwa/package.json 文件。它的用途是让你能够直接在此目录下安装 PWA 模式使用的包(而不是污染公共的 /src)。

/src-pwa/package.json

{
  "name": "quasar-pwa-app",
  "version": "1.0.0",
  "description": "Quasar PWA Folder",
  "private": true,
  "type": "module",
  "dependencies": {
    "register-service-worker": "^1.7.2"
  },
  "devDependencies": {
    "workbox-build": "^7.0.0",
    "workbox-cacheable-response": "^7.0.0",
    "workbox-core": "^7.0.0",
    "workbox-expiration": "^7.0.0",
    "workbox-precaching": "^7.0.0",
    "workbox-routing": "^7.0.0",
    "workbox-strategies": "^7.0.0"
  }
}

安装 PWA 特定的包:


# 在 /src-pwa 中运行以安装 /src-pwa/register-sw 文件使用的依赖:
pnpm add <deps>

# 在 /src-pwa 中运行以安装构建系统使用的依赖(如 workbox-* 套件)
pnpm add -D <dev-deps>