Webpack 相關問題（25道）

1. Webpack 的核心概念有哪些？（Entry、Output、Loader、Plugin、Module、Bundle）
2. 如何配置 Webpack 的多入口和多出口？
3. Webpack 的 Tree Shaking 實現原理是什么？
4. Loader 和 Plugin 的區別是什么？請舉例說明。
5. Webpack 的熱更新（HMR）是如何工作的？
6. 如何優化 Webpack 的構建速度？
7. Webpack 的代碼分割（Code Splitting）有哪些方法？
8. Webpack 的 splitChunks 配置項的作用是什么？
9. 如何通過 Webpack 實現按需加載（懶加載）？
10. Webpack 的持久化緩存是如何配置的？
11. Source Map 在 Webpack 中的配置方式及不同模式的區別？
12. Webpack 如何處理 CSS 和靜態資源？
13. 如何編寫一個自定義的 Webpack Loader？
14. 如何編寫一個自定義的 Webpack Plugin？
15. Webpack 的 externals 配置有什么作用？
16. Webpack 5 的 Module Federation 是什么？解決了什么問題？
17. Webpack 的 devtool 配置對構建性能有何影響？
18. 如何通過 Webpack 實現環境變量注入？
19. Webpack 的 watch 模式和 webpack-dev-server 的區別？
20. Webpack 如何支持 TypeScript？
21. Webpack 的 resolve 配置項有哪些常見用法？
22. Webpack 如何處理第三方庫的兼容性問題（如 polyfill）？
23. 如何用 Webpack 實現多頁面應用（MPA）？
24. Webpack 的 stats 字段和性能分析工具如何使用？
25. Webpack 6 相比 Webpack 5 有哪些重大更新？

---

Vite 相關問題（15道）

1. Vite 的核心設計理念是什么？相比傳統打包工具有何優勢？
2. Vite 如何利用原生 ESM 實現快速冷啟動？
3. Vite 的預構建（Pre-Bundling）解決了什么問題？
4. Vite 的熱更新（HMR）為什么比 Webpack 更快？
5. Vite 如何處理 TypeScript 文件？
6. Vite 的配置文件（vite.config.js）常用配置項有哪些？
7. Vite 如何支持 CSS Modules 和 CSS 預處理器？
8. Vite 的插件機制是如何工作的？如何開發一個 Vite 插件？
9. Vite 如何實現生產環境構建？底層使用什么工具？
10. Vite 的依賴解析策略與 Webpack 有何不同？
11. Vite 如何優化靜態資源（如圖片、字體）的加載？
12. Vite 如何支持 SSR（服務端渲染）？
13. Vite 的 import.meta.glob API 有什么作用？
14. Vite 在 Monorepo 項目中的最佳實踐是什么？
15. Vite 3.x/4.x 版本有哪些重大改進？

---

Webpack 與 Vite 對比及綜合問題（10道）

1. Webpack 和 Vite 在構建流程上的主要區別是什么？
2. 什么場景下更適合選擇 Webpack？什么場景下更適合 Vite？
3. Webpack 的 Bundle 模式和 Vite 的 ESM 模式對瀏覽器兼容性的影響？
4. 兩者在插件生態上的差異及遷移成本如何？
5. Webpack 的持久化緩存與 Vite 的緩存機制有何異同？
6. 如何將現有 Webpack 項目遷移到 Vite？可能遇到哪些問題？
7. Webpack 的 Module Federation 和 Vite 的動態導入有何關聯？
8. 兩者對現代前端框架（React、Vue、Svelte）的支持有何差異？
9. Webpack 和 Vite 在微前端架構中的應用場景比較？
10. 未來 Webpack 和 Vite 的發展趨勢會如何演變？