前端工程化是使用軟體工程的技術和方法來進行前端的開發流程、技術、工具、經驗等規範化、標準化，其主要目的為了提高效率和降低成本，即提高開發過程中的開發效率，減少不必要的重複工作時間，而前端工程本質上是軟體工程的一種，因此我們應該從軟體工程的角度來研究前端工程。
前端工程化就是為了讓前端開發能夠「自成體系」，我傾向於認為主要應該從模組化、元件化、規範化、自動化四個方面思考。
模組化就是將乙個大檔案拆分成相互依賴的小檔案，再進行統一的拼裝和載入。
amd : require.js
cmd : sea.js( 棄用了 )
common.js ： node.js
從ui拆分下來的每個包含模板(html)+樣式(css)+邏輯(js)功能完備的結構單元，我們稱之為元件。
元件化≠模組化。模組化只是在檔案層面上，對**或資源的拆分；而元件化是在設計層面上，對ui（使用者介面）的拆分。
元件化實際上是一種按照模板(html)+樣式(css)+邏輯(js)三位一體的形式對物件導向的進一步抽象。
所以我們除了封裝元件本身，還要合理處理元件之間的關係，比如 （邏輯）繼承、（樣式）擴充套件、（模板）巢狀和包含等，這些關係都可以歸為依賴。
規範化其實是工程化中很重要的乙個部分，專案初期規範制定的好壞會直接影響到後期的開發質量。
（1）目錄結構的制定
目錄結構的合理設定，能為專案帶來很多優點：
（2）編碼規範
制定一套良好的編碼規範可以增強團隊開發協作、提高**質量。
推薦參考凹凸實驗室打造的前端**規範。
（3）文件規範
（4）元件管理
（5）git分支管理
（6）commit描述規範
（7）視覺圖示規範
前端工程化的很多髒活累活都應該交給自動化工具來完成。需要秉持的乙個理念是:
任何簡單機械的重複勞動都應該讓機器去完成。
什麼是前端工程化
一切以提高效率 降低成本 質量保證為目的的手段都屬於工程化。工程化是為了解決問題。工程化並不等於某個工具，工程化應包含規劃乙個專案的整體工作流架構。它們都約定了專案的檔案結構，提供了熱更新 自動編譯 模組檔案支援 校驗等功能。傳統語言 語法的弊端 無法使用模組化 元件化 重複的機械式工作 風格統 一...
什麼是軟體工程化？什麼是「前端工程化「？
軟體工程是一門研究如何用系統化 規範化 數量化等工程原則和方法去進行軟體的開發和維護的學科。軟體工程包括兩方面內容 軟體開發技術和軟體專案管理。軟體開發技術包括軟體開發方法學 軟體工具和軟體工程環境。軟體專案管理包括軟體度量 專案估算 進度控制 人員組織 配置管理 專案計畫等。軟體工程是指將系統化的...
前端工程化
為什麼出現了前端工程化？09年之前，我們學習的css，div，js只是對頁面設計進行乙個打輔助的功能，當時只能勉強的成為頁面設計師，為什麼會出現前端工程師 1.突然間前端的需求逐漸增多，使用者對介面的要求越來越高，前端範疇越來越大。2.前後端總是保持一致才能進行開發，不能分開開發，提出前端工程化，也...