为什么捐赠
API 浏览器
升级指南
NEW!
quasar.config 配置文件
从 Webpack 项目转换
浏览器兼容性
TypeScript 支持
目录结构
命令列表
CSS 预处理器
使用 VueRouter 进行页面路由
懒加载 - 代码分割
资源处理
Boot 文件
预取特性
API 代理
配置 Vite
处理 import.meta.env
Dotenv 文件支持
使用 Pinia 管理状态
代码检查与格式化
测试与审计
开发移动应用
Ajax 请求
开放开发服务器到公网
联系站长
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 文件使用的依赖:
$ yarn add <deps>

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