前端工程化
概念:在企業級的前端專案開發中,把前端開發所需的工具、技術、流程、經驗等進行規範化、標準化。
-
模組化
js
的模組化,css
的模組化,資源的模組化
-
元件化
複用現有的UI結構,樣式,行為
-
規範化
目錄結構的劃分,編碼規範化,介面規範化,文件規範化,Git分支管理
-
自動化
自動化構建,自動化部署,自動化測試
解決方案
主流
-
webpack
-
parcel
什麼是webpack
概念:webpack是前端專案工程化的具體解決方案
主要功能:提供了友好的前端模組化開發支援,以及程式碼壓縮混淆、處理瀏覽器端JavaScript的相容性、效能最佳化的功能。
注意:目前Vue,React等前端專案,基本上都是基於webpack進行工程化開發的。