前端工程化與webpack的介紹

千里長安街發表於2022-12-01

前端工程化

概念:在企業級的前端專案開發中,把前端開發所需的工具技術流程經驗等進行規範化、標準化。

  • 模組化

js的模組化,css的模組化,資源的模組化

  • 元件化

複用現有的UI結構,樣式,行為

  • 規範化

目錄結構的劃分,編碼規範化,介面規範化,文件規範化,Git分支管理

  • 自動化

自動化構建,自動化部署,自動化測試

解決方案

主流

  • webpack

  • parcel

什麼是webpack

概念:webpack是前端專案工程化的具體解決方案

主要功能:提供了友好的前端模組化開發支援,以及程式碼壓縮混淆處理瀏覽器端JavaScript的相容性效能最佳化的功能。

注意:目前Vue,React等前端專案,基本上都是基於webpack進行工程化開發的。

相關文章