最近看了很多關於前端工程化的文章，記錄一下自己的簡單理解。
前記（廢話）：日益複雜的前端業務已經前端技術的飛速發展，現在已經不是剛剛興起時的html+css+javascript以及搭配一個的jquery就走遍天下的時代了，各種前端mvvm框架，ui庫，各種輪子，造輪子能力，打包工具，前端測試工具。。。並且還在不停地更新，前端這個曾經被誤認爲最低門檻的崗位，變得日益“不凡”。開發一個項目需要更完善的流程、更高的效率、更好的規範，漸漸地，開始要用軟件工程思想進行前端項目的管理。
前端工程化的四個特性：模塊化、組件化、規範化、自動化。
模塊化：目標是項目的文件，而不是項目中的功能模塊，就是將一個大文件拆分成相互依賴的小文件，再進行統一的拼裝和加載， 簡單來說存在：js文件的模塊化，css文件的模塊化，資源的模塊化
組件化： 將原來都在一個頁面的各個不同的界面或者功能，合理抽離出來做成一個個組件，從UI拆分下來的每個包含模板(HTML)+樣式(CSS)+邏輯(JS)功能完備的結構單元，我們稱之爲組件。各個組件之間重新組建一個完整頁面，組件化也提高了代碼的複用率，提高效率，當然這需要我們有意識去開發複用性更好的組件
規範化：目錄結構的制定，編碼規範，前後端接口規範，文檔規範，組件管理，Git分支管理，Commit描述規範。。。等等，一切一切可以規範項目開發過程中各個步驟的流程，讓項目開發進行得更加流暢的方法。
自動化：前端發展到今天，各種自動化的工具，包括圖標合併， 持續集成，自動化構建，自動化部署，自動化測試。。。各種可以用自動化工具去進行的一些非編碼操作，但是必須進行的動作，webpack、ci、jest等等工具進行。
前端工程化說到底就是爲了規範前端項目開發流程，提高前端開發效率，讓整個前端開發思想趨向于于軟件工程的思想，讓整個開發更加可控，每個環節都有理可尋，每個文件都有結構美，整個開發過程更加優雅，不再“一鍋燉”。