插件

注意

Vite 的目標是為常見的 Web 開發模式提供開箱即用的支援。在搜尋 Vite 或相容的 Rollup 插件之前，請先查看功能指南。許多在 Rollup 專案中需要插件的情況，Vite 已經涵蓋了。

請查看使用插件以取得關於如何使用插件的資訊。

官方插件

@vitejs/plugin-vue

• 提供 Vue 3 單文件元件支援。

@vitejs/plugin-vue-jsx

• 提供 Vue 3 JSX 支援 (透過專用的 Babel 轉換)。

@vitejs/plugin-vue2

• 提供 Vue 2.7 單文件元件支援。

@vitejs/plugin-vue2-jsx

• 提供 Vue 2.7 JSX 支援 (透過專用的 Babel 轉換)。

@vitejs/plugin-react

• 使用 esbuild 和 Babel，以較小的套件體積和能夠使用 Babel 轉換管道的彈性實現快速 HMR。如果沒有額外的 Babel 插件，則在建構期間僅使用 esbuild。

@vitejs/plugin-react-swc

• 在開發期間以 SWC 取代 Babel。在生產建構期間，當使用插件時會使用 SWC+esbuild，否則僅使用 esbuild。對於不需要非標準 React 擴充功能的大型專案，冷啟動和熱模組替換 (HMR) 可以顯著加快。

@vitejs/plugin-legacy

• 為生產建構提供舊版瀏覽器支援。

社群插件

請查看 awesome-vite - 您也可以提交 PR 在那裡列出您的插件。

Rollup 插件

Vite 插件是 Rollup 插件介面的延伸。請查看Rollup 插件相容性章節以取得更多資訊。