Vite+

Vite+ 是什麼？

Vite+ 是一款用於網頁開發的統一指令列工具鏈，將執行環境管理、套件管理器選擇以及常見前端工作流程整合成單一介面。它旨在標準化專案執行開發伺服器、建置生產輸出、檢查程式碼品質、測試以及封裝函式庫或應用程式的流程。

專案為免費開源軟體，採用 MIT 授權，並提供 macOS/Linux 和 Windows 的安裝指示。官網將 Vite+ 定位為日常任務的單一入口點，同時利用底層工具鏈中成熟的開源元件。

主要功能

• 統一 CLI 用於常見網頁任務（dev、build、check、test、run、pack）
  • 提供前端技術堆疊中一致的工作流程，而非分別管理多個工具。
• 自動執行環境與套件管理器選擇
  • 自動使用 Node，並為每個專案選擇適當的套件管理器。
• 單一設定檔與一致指令流程
  • 旨在跨技術堆疊維持相同的指令風格。
• 「check」作為格式化、Lint 與型別檢查的單一執行
  • 執行由 Oxlint（Lint）與 Oxfmt（格式化）驅動的工具，並包含 tsgo 的型別檢查，並在可能時自動修正。
• 相容 Jest 的測試執行器，具可重用應用程式設定
  • Vite+ test 重用應用程式的 resolve/transform 設定，並支援多種測試模式，例如瀏覽器模式與快照測試。
• 單一儲存庫導向的任務執行，具快取功能
  • Vite+ run 被描述為單一儲存庫與腳本的任務執行器，使用自動輸入追蹤實現可快取任務，並跨工作區套件進行依賴感知執行。
• npm 函式庫與獨立二進位檔的封裝支援
  • 「pack」會封裝 TypeScript/JavaScript 函式庫、產生 DTS，並可產生獨立應用程式二進位檔或僅轉換的未封裝模式。
• 建基於 Vite 與相關元件
  • 官網提及由 Vite 與 Rolldown 驅動的技術堆疊（並提及額外元件，如 tsdown 用於封裝與 Vitest 用於測試）。

如何使用 Vite+

1. 全域安裝 Vite+。
   • macOS/Linux：curl -fsSL https://vite.plus | bash
   • Windows (PowerShell)：irm https://vite.plus/ps1 | iex
2. 在新終端機工作階段開始使用 CLI。
   • 官網建議安裝後執行 vp help。
3. CI 使用提供的設定步驟。
   • 官網指示使用 setup-vp .。
4. 透過 Vite+ 執行標準專案指令。
   • 常見範例包括：vp dev、vp build、vp check、vp test、vp run 與 vp pack。

使用情境

• 跨儲存庫標準化開發與建置工作流程
  • 團隊可使用單一 CLI 入口點啟動開發伺服器、建立生產建置，並以一致指令流程執行品質檢查。
• CI 以單一指令驗證格式化、Lint 與型別
  • 使用 vp check 同時執行格式化、Lint 與型別檢查，官網提及支援 --fix 以應用可能自動修正。
• 使用相同應用程式轉換設定的測試
  • 當單元測試需要應用程式的 resolve/transform 設定時，Vite+ test 會自動重用這些設定。
• 單一儲存庫腳本與可快取任務
  • 對於依賴其他套件的任務，vp run 提供依賴感知執行與基於追蹤輸入的快取行為。
• 封裝函式庫或產生獨立產物
  • vp pack 可封裝 TS/JS 函式庫供 npm 使用（包含 DTS 產生與套件匯出），或建置獨立應用程式二進位檔，包含僅轉換的未封裝模式。

常見問題

• Vite+ 是 npm、pnpm 或 yarn 的替代方案嗎？

  • Vite+ 管理執行環境並為每個專案選擇套件管理器，具體選擇取決於專案設定。官網列出支援 pnpm、npm 與 yarn 等選項。

• 如何執行格式化、Lint 與型別錯誤檢查？

  • 使用 vp check。官網表示 check 以單一執行涵蓋格式化、Lint 與型別檢查，且 vp check --fix 可應用可能自動修正。

• Vite+ 提供哪些測試框架相容性？

  • 測試執行器描述為「相容 Jest」，並由 Vitest 驅動。

• 如何在 CI 中設定 Vite+？

  • 官網特別提及在 CI 中使用 setup-vp .。

• Vite+ 能否封裝函式庫與應用程式？

  • 可以。官網描述 vp pack 用於封裝 TypeScript/JavaScript 函式庫（含 DTS 產生）與建置獨立應用程式二進位檔，並提供如僅轉換未封裝模式等選項。

替代方案

• 使用框架的預設工具（例如，基於 Vite 的腳本）

  • 取代統一 CLI，您需要分別執行開發/建置、Lint/格式化、類型檢查及測試的指令，這可能需要更多工具專屬設定。

• 為每個步驟使用獨立的專用工具（lint/format/type/test/package）

  • 常見做法是搭配 ESLint 與格式化工具、專用類型檢查器，以及獨立的測試執行器，然後使用打包器/封裝器進行發佈。

• 使用專用的 Monorepo 工作執行器

  • 針對 Monorepo，替代方案可能著重依賴感知執行與快取，而其他工作（開發/建置/檢查/測試/打包）則由獨立工具處理。

• 使用通用的函式庫建置與封裝管線

  • 若主要目標是函式庫封裝與類型定義產生，替代方案可能依賴打包器加上 TypeScript DTS 產生步驟，而非統一的 vp pack 工作流程。