PWA 建置命令 | Quasar Framework

為何捐款

API 瀏覽器

如何貢獻

選項與輔助工具

樣式與識別

版面配置與格線

Vue 元件

Vue 指令 (Vue Directives)

Quasar 插件 (Quasar Plugins)

Vue 組合式函式 (Vue Composables)

安全性 (Security)

Quasar CLI (搭配 Vite) (Quasar CLI (with Vite))

升級指南 (Upgrade guide)

將專案轉換為搭配 Vite 的 CLI (Convert project to CLI with Vite)

瀏覽器相容性 (Browser Compatibility)

支援 TypeScript (Supporting TypeScript)

目錄結構 (Directory Structure)

命令列表 (Commands List)

CSS 預處理器 (CSS Preprocessors)

路由 (Routing)

延遲載入 - 代碼分割 (Lazy Loading - Code Splitting)

處理資源 (Handling Assets)

啟動檔案 (Boot Files)

預取功能 (Prefetch Feature)

API 代理 (API Proxying)

處理 Vite (Handling Vite)

處理 process.env (Handling process.env)

使用 Pinia 的狀態管理 (State Management with Pinia)

使用 Vuex 的狀態管理 (State Management with Vuex)

Linter

測試 & 稽核 (Testing & Auditing)

SPA 模式 (SPA mode)

SSR 模式 (SSR mode)

PWA 模式 (PWA mode)

Capacitor 模式

Cordova 模式

Electron 模式

瀏覽器擴充功能模式

Ajax 請求

開放開發伺服器給公眾

Quasar CLI (搭配 Webpack)

Icon Genie CLI

App 擴充套件

Quasar 工具程式

搭配 Vite 的 Quasar CLI - @quasar/app-vite

PWA 建置命令

開發中

$ quasar dev -m pwa

# ..or the longer form:
$ quasar dev --mode pwa

警告

開發伺服器使用最基本 Service Worker 預先快取 public 資料夾。離線工作將不可用。

警告

請勿在您的開發版本上執行 Lighthouse，因為在此階段，程式碼刻意未經最佳化，且包含嵌入的原始碼地圖（以及許多其他事項）。

生產環境建置

$ quasar build -m pwa

# ..or the longer form:
$ quasar build --mode pwa

如果您想要啟用除錯功能的生產版本

$ quasar build -m pwa -d

# ..or the longer form
$ quasar build -m pwa --debug

發現錯誤？在瀏覽器中編輯此頁面

1. 介紹

2. 開發中

3. 生產環境建置