webpack

Webpack 參考工具是前端工程師在複雜構建環境中不可或缺的開發助手。它為產業標準模組打包工具 Webpack 提供結構化的文件、最佳實踐指南及故障排除工作流。無論是優化專案配置、管理靜態資源，還是解決構建過程中的錯誤，該工具都能透過明確的指令集，協助開發者從初始設置到生產級效能調優，快速掌握各項關鍵任務。

• 透過結構化的入門指南，快速獲取 Webpack 核心概念與基礎架構知識。

• 提供針對常見構建失敗、依賴衝突與 Loader 配置錯誤的自動化診斷支援。

• 涵蓋 Tree Shaking、程式碼分割 (Code Splitting)、懶加載 (Lazy Loading) 及資源壓縮等效能優化策略。

• 強化前端打包後的安全性，協助開發者防範編譯階段可能引入的資安風險。

• 提供從舊版本遷移至新版本的升級路徑，並協助重構複雜的遺留專案配置。

• 內建快速參考清單 (Cheatsheet)，支援即時查詢語法與常用配置模式。

• 當在 JavaScript 或 TypeScript 專案中遇到構建警告、編譯速度過慢或配置卡關時，應優先呼叫此技能。

• 本工具採用標準 CLI 互動方式，請確保運行環境支援 shell script 執行。

• 建議在處理 webpack.config.js 時使用，該工具提供的導向性建議能協助更精確地修改設定檔。

• 它不僅是開發工具，也是學習前端構建標準的教學輔助，協助開發者迭代優化專案管道。

• 產出內容專為專業開發環境設計，協助團隊維護高品質、高效率的前端構建系統。