Extension.js 3.0.0 發佈公告

​

v3 帶來什麼

• 以單一指令介面，在 Chrome、Edge 與 Firefox 之間提供更強的跨瀏覽器工作流程。
• 為現代技術棧擴充範本體驗，包含 TypeScript、React、Vue、Svelte 與 Preact。
• 改進開發階段的更新行為：更清楚的 HMR（hot module replacement）、hard-reload，以及需要重新啟動的邊界界線。
• 為正式環境提供更可靠的工作流程，涵蓋疑難排解、安全檢查、效能檢查、持續整合（CI）範本，以及 Playwright 端對端（E2E）測試。
• 透過 extension.config.js 與依瀏覽器感知的建置輸出，提供更可預期的專案設定。
• 全新的文件與首頁體驗，設計上更利於快速上手並降低認知負擔。

​

第一天的流程更簡單

1. 用 create 建立專案骨架。
2. 用 dev 快速迭代。
3. 用 build 產生正式產物。
4. 用 start 或 preview 驗證正式行為。

npx extension@latest create my-extension --template=new-typescript
cd my-extension
pnpm dev
pnpm build

​

不只為示範設計，更為團隊而生

• 型別化範本與以框架為主的基準設定，降低設定漂移。
• 針對瀏覽器的建置與旗標讓相容性檢查變得明確。
• 工作流程文件直接對應到發佈所需的可靠性任務。
• 標準的交付流程現已涵蓋安全與效能指南。

​

這次發佈適合誰

• 你正從自訂的擴充功能建置 script 遷移過來。
• 你正從一般應用程式開發轉向擴充功能開發。
• 你想在多個 repo 與多位貢獻者之間，標準化擴充功能的開發體驗。

​

升級注意事項

• 將套件升級到 latest，
• 偏好使用標準的範本 slug（new-react、new-typescript、new-vue 等），
• 讓你的指令流程維持在 create → dev → build。

​

致謝