前端高階之前端工程化

2021-10-24 15:44:34 字數 713 閱讀 9557

工程化定義

前端工程化背景

基於以上幾點,以前簡單的前端開發流程已經滿足不了現在的前端需求了,因此前端必須做出改變,nodejs應運而生,nodejs的出現大大推動了前端工程化的發展.

什麼是前端工程化

狹義的前端工程化可以主要分為以下幾類:

元件化

規範化

自動化

前端工程化的過程中誕生了很多的輔助工具,例如各大框架的腳手架,以及第三方的一些腳手架等,那前端工程化是不是就等於某個工具呢,答案是否定的,前端工程化是一系列手段和操作的集合,工具只是服務於前端工程化.

前端工程化的具體實現

了解具體實現之前我們需要先了解的前端工作整體流程:

建立專案

編碼預覽/測試

**提交部署

我們可以在以上每個步驟去實現工程化

編碼階段

預覽/測試階段

**提交階段

部署階段

前端工程化解決了哪些問題

傳統語言或語法的弊端

無法使用模組化/元件化

大量重複機械式的工作

同一專案**風格多樣,質量無法保證

前端功能強依賴後端介面

前端工程化與node.js

前端工程化的很多任務作都依賴於node.js

成熟的工程化整合

vue-cli

angular-cli

gatsby-cli

前端工程化

為什麼出現了前端工程化?09年之前,我們學習的css,div,js只是對頁面設計進行乙個打輔助的功能,當時只能勉強的成為頁面設計師,為什麼會出現前端工程師 1.突然間前端的需求逐漸增多,使用者對介面的要求越來越高,前端範疇越來越大。2.前後端總是保持一致才能進行開發,不能分開開發,提出前端工程化,也...

前端工程化

一 什麼是前端工程化 根據業務特點,將前端開發流程規範化 標準化 包括開發流程 技術選型,規範,構建發布等用於提公升前端工程師開發效率和 質量,提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...

前端工程化

老大考慮到團隊成員學習的曲線,最終選擇thunk 為了更方便團隊人員使用,封裝直接的thunk,和cobinereducer 1 專案分為四大塊,服務治理,資源治理,診斷除錯,分析管理 幾十個元件,不可能將所有的狀態解除安裝乙個reducer裡面來管理 不利於維護 然後因為封裝了元件thunk所以要...