Skip to main content
本頁把原本分散在各頁的支援說明湊在一起:哪些瀏覽器能在哪些作業系統上執行、每種框架下的「重新載入」究竟代表什麼,以及哪些 CSS 工具需要安裝相依套件。每張表格都連到深入說明設定的頁面。

瀏覽器 × 作業系統

所有以 Chromium 為基礎與以 Gecko 為基礎的目標,都能在 Windows、macOS 與 Linux 上運作。Safari 是例外:執行它需要 macOS 加上完整的 Xcode。extension build --browser=safari 在 Windows 與 Linux 上仍會產出完整的 dist/safari 套件,只是會略過 Xcode 封裝步驟並發出警告。 目標名稱與旗標請見可用的瀏覽器,Safari 的工作流程與限制請見建置 Safari 擴充功能

框架 × 開發期更新模型

每種框架都能被自動偵測、打包,並在開發期取得自動更新。差別在於更新模型:一次編輯是就地熱抽換程式碼,還是重新載入整個介面。底層的分級機制請見頁面重新載入與 hot module replacement(HMR)

CSS 工具 × 哪些會自動安裝

純 CSS 與 CSS Modules 是內建的。前處理器需要在你的專案裡裝好各自的工具鏈:缺少時,Extension.js 會發出警告、指出是哪個檔案,並原樣輸出未編譯的原始碼,而不會替你安裝任何東西。Tailwind 走 PostCSS 管線,由你自行安裝。

套件管理器

npmpnpmyarnbundenocreatedevbuild 中都受支援。Deno 專案會產生 deno.jsonc 而不是 package.json,工具鏈本身與清單檔案無關。Deno 專屬的注意事項請見建立你的第一個擴充功能