為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
轉換為使用 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
指令列表
CSS 預處理器
路由
延遲載入 - 代碼分割
資源處理
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
搭配 Webpack 的 Quasar CLI - @quasar/app-webpack
瀏覽器相容性

配置相容性

您的 /package.json 檔案應包含 browserslist 欄位。這會告知 Quasar App 專案目標瀏覽器的範圍。Babel 和 Autoprefixer 將使用此欄位來判斷如何轉譯 JS 程式碼 (如果轉譯保持啟用) 以及需要新增到 CSS 程式碼的 CSS 供應商前綴。

Babel 將精確地尋找需要轉譯的 JS 功能 (基於配置的瀏覽器) 並應用它們。但請注意,在選項列表中新增一個「害群之馬」就足以將您的程式碼降級回 ES5。

以下是您建立 Quasar 專案時的預設「browserslist」

package.json

"browserslist": [
  "last 10 Chrome versions",
  "last 10 Firefox versions",
  "last 4 Edge versions",
  "last 7 Safari versions",
  "last 8 Android versions",
  "last 8 ChromeAndroid versions",
  "last 8 FirefoxAndroid versions",
  "last 10 iOS versions",
  "last 5 Opera versions"
]

更多關於如何指定瀏覽器範圍的資訊:browserslist