### 1.為什么前端需要工程化 隨著前端新技術的發展與更新，項目復雜度的提高，采用新技術開發效率更高， 但使用新技術的問題就是，瀏覽器無法直接運行，所以需要通過構建工具進行工程化的構建。 ### 2.前端工程化的內容有哪些 代碼轉換：將TypeScript編譯成JavaScript、將SCSS編譯成CSS等 文件優化：壓縮JavaScript、CSS、HTML代碼，壓縮合并圖片等 代碼分割：提取多個頁面的公共代碼，提取首屏不需要執行部分的代碼讓其異步加載 模塊合并：在采用模塊化的項目里會有很多個模塊和文件，需要通過構建功能將模塊分類合并成一個文件 自動刷新：監聽本地源代碼的變化，自動重新構建、刷新瀏覽器 代碼校驗：在代碼被提交到倉庫前需要校驗代碼是否符合規范，以及單元測試是否通過 自動發布：更新代碼后，自動構建出線上發布代碼并傳輸給發布系統 ### 3.構建化思想 構建其實是工程化、自動化思想在前端開發中的體現，將一系列流程用代碼去實現， 讓代碼自動化地執行這一系列復雜的流程。構建為前端開發注入了更大的活力，解放了我們的生產力