構建，或者叫做編譯，在前端工程體系中的角色是將源**轉化為宿主瀏覽器可執行的**，其核心是資源的管理。前端的產出資源包括js，css，html，分別對應的源**是
1.領先於瀏覽器實現的ecmascript規範編寫的js**
2.less/sass預編譯語法編寫的css**
3.jade/eje/mustache等模板語法編寫的html**
以上**是無法在瀏覽器環境下執行的，構建工作的核心便是將其轉化為宿主可執行**，分別對應
1.ecmascript規範的轉譯
2.css預編譯語法轉譯
3.html模板渲染
構建還需要包括以下功能
1）依賴打包——分析檔案依賴關係，將同步依賴的檔案打包在一起，減少http請求數量
2）資源嵌入——比如小於10kb的編譯為base64格式嵌入文件，減少一次http請求
3）檔案壓縮——減少檔案體積，縮短請求時間
4）hash指紋——通過給檔案加入hash指紋，以應對瀏覽器快取策略
詳細講了webpack入門相關知識，值得一看
大前端工程化之webpack構建流程
webpack簡單來講就是乙個打包器 bundler 負責將js應用程式的所有靜態資源打包輸出到乙個檔案中，不管你使用的是何種框架或程式中使用的任何型別的資源，它都可以將他們打包成html，js，css，等等可以讓瀏覽器解釋執行的資源。現如今乙個js程式可以是很大的，程式開發中會引用很多的各種型別的...
前端工程化
為什麼出現了前端工程化？09年之前，我們學習的css，div，js只是對頁面設計進行乙個打輔助的功能，當時只能勉強的成為頁面設計師，為什麼會出現前端工程師 1.突然間前端的需求逐漸增多，使用者對介面的要求越來越高，前端範疇越來越大。2.前後端總是保持一致才能進行開發，不能分開開發，提出前端工程化，也...
前端工程化
一 什麼是前端工程化 根據業務特點，將前端開發流程規範化 標準化 包括開發流程 技術選型，規範，構建發布等用於提公升前端工程師開發效率和 質量，提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...