https://blog.howar31.com/tags/vite/Recent content in Vite on Howar31 BlogHugozh-twWed, 22 Apr 2026 20:34:23 +0800https://blog.howar31.com/posts/vuepress-v1-to-v2-upgrade/Sun, 23 Nov 2025 00:00:00 +0000https://blog.howar31.com/posts/vuepress-v1-to-v2-upgrade/<p>使用 VuePress v1 架設 blog 好幾年了，我決定升級到 VuePress v2，主要是想用更現代的建置系統、更好的效能，還有更好的開發體驗。 VuePress v2 帶來了不少改進，包括 Vite 打包工具、Vue 3 支援、TypeScript 支援，還有更模組化的插件架構。</p> <p>這篇文章記錄了我從 VuePress v1 升級到 v2 的過程，包括遇到的問題和解決方法。</p> <h2 id="為什麼要升級">為什麼要升級？</h2> <p>VuePress v2 有幾個讓我想要升級的理由：</p> <ul> <li><strong>Vite 打包工具</strong> - 建置時間比 webpack 快很多，熱模組替換也更快</li> <li><strong>Vue 3 支援</strong> - 現代的 Composition API 和更好的效能</li> <li><strong>TypeScript 支援</strong> - 型別安全的配置和更好的 IDE 支援</li> <li><strong>模組化架構</strong> - 更好的插件系統和更靈活的客製化</li> <li><strong>效能改進</strong> - 優化的打包分割和更快的頁面載入</li> <li><strong>更好的開發體驗</strong> - 改進的錯誤訊息和除錯工具</li> </ul> <div class="hint-container tip"> <p class="hint-container-title"> <i class="fas fa-lightbulb" aria-hidden="true"></i> Tip </p> 寫這篇文章的時候，VuePress v2 還在 Release Candidate (RC) 階段 (v2.0.0-rc.26)，不過已經穩定到可以上 production 了。 官方 v2 正式版應該很快就會發布。 </div> <h2 id="環境">環境</h2> <p>升級時使用的環境：</p>