前端工程化 背景 前端工程化的概念近兩年來被廣泛的提及，究其原因，是前端工程師所負責的客戶端功能邏輯在不斷複雜化。PC網站、手機應用、桌面應用、微信小程式，前端開發的應用領域越來越廣，前端工程師這個職位也不再是幾年前被戲稱的“切圖仔”，在這種背景下，前端工程化應運而生。 聊到前端工程化，必然會有一些 ...
前端工程化
背景
前端工程化的概念近兩年來被廣泛的提及，究其原因，是前端工程師所負責的客戶端功能邏輯在不斷複雜化。PC網站、手機應用、桌面應用、微信小程式，前端開發的應用領域越來越廣，前端工程師這個職位也不再是幾年前被戲稱的“切圖仔”，在這種背景下，前端工程化應運而生。
聊到前端工程化，必然會有一些問題，本文會帶著這幾個問題去介紹前端工程化。
- 什麼是前端工程化？
- 為什麼要做前端工程化？
- 前端工程化怎麼做？
- 現有的前端工程化產品？
什麼是前端工程化？
要知道什麼是前端工程化，先來看看什麼是工程化，維基百科對工程化的定義：
工程學、工程科學或工學，是通過研究與實踐應用數學、自然科學、社會學等基礎學科的知識，來達到改良各行業中現有材料、建築、機械、儀器、系統、化學和加工步驟的設計和應用方式一門學科。 實踐與研究工程學的人叫做工程師。
在前端領域，工程化是根據業務特點，將前端開發流程規範化，標準化。前端工程化包括開發流程、技術選型、代碼規範、構建發佈、性能優化、前端監控等內容，主要目的在於制定標準和提升效率。
為什麼要做前端工程化？
1990年誕生的網頁腳本語言只能用於簡單的表單校驗，Web開發主要是後端開發。
2005年，AJAX非同步請求技術改變了網頁的交互模式，用戶對網站的需求越來越多，客戶端開發稍微重要了一些。
2008年，Google推出V8引擎之後，瀏覽器性能大大提升，前端工程師承擔起了客戶端的交互、UI和邏輯的開發，工作職責進一步擴大。
2009年，Node問世將Javascript帶到了服務端開發領域，“大前端”模式下前端工程師也能涉及服務端領域了。
近年來SPA應用的發展，React和Vue等框架的流行，大大提升了前端開發的效率。
NodeJs快速發展，開發出了許多工具提升前端開發效率。
隨著互聯網的發展，用戶量越來越大，各大公司開始關註網站的性能和穩定性。
針對這些需求，需要對前端開發進行規範化、流程化、自動化，前端工程化就顯得尤為重要。
前端工程化的主要目標是解放生產力、提高生產效率。通過制定一些列的規範，藉助工具和框架解決前端開發以及前後端協作開發過程中的一些痛點及難點問題。
前端工程化如何做？
根據開發流程和功能模塊，可以將前端工程化分為工具、框架、流程、部署、性能、監控6個方面去介紹，前端工程化主要從這6個方面對前端開發進行規範化、流程化、自動化。
- 工具
- 框架
- 流程
- 部署
- 性能
- 監控
前端工程化產品
文章首發於我的Github：前端知識體系
