點燈坊

失くすものさえない今が強くなるチャンスよ

VuePress 使用 Vite

Sam Xiao's Avatar 2021-06-19

VuePress 2 雖然使用 Vue 3,但預設仍使用 Webpack,若要使用 Vite 則要另外安裝 VuePress-Vite。

Version

VuePress 2.0.0-beta.19
VuePress-Vite 2.0.0-beta.19

Add VuePress-Vite

$ yarn add --dev vuepress-vite@next

使用 Yarn 安裝 vuepress-vite

Dev Server

$ yarn docs:dev

啟動 Dev Server 於 http://localhost:8080/

vite000

當安裝 vuepress-vite 後,VuePress 2 會自動使用 Vite 為 bundler,可明顯發現比 Webpack 快。

Conclusion

  • VitePress 優勢在於使用 Vite,VuePress 2 只要安裝 vuepress-vite 之後也可享受 Vite 的速度優勢

Reference

VuePress, Vite