這篇部落格是我對《前端工程化體系設計與實踐》做的筆記，這本書本身講的也是比較范的東西，只是給出整體的前端搭建工程的解決方案，具體的實現細節，還是需要我們自己乙個乙個去查，然後結合自己的專案去深入了解。
第一章 前端工程簡史
前後端分離形態
工程化方案整體架構
第2章 腳手架
第3章 構建
自動生成css sprites功能實現借助於外掛程式postcss-sprites
模組化開發 1.commonjs 2.amd/cmd--著力於瀏覽器的模組和規範
es6 module import export
3.6 增量更新與快取 1）本地快取：localstorage, sessionstorage
http快取策略：強制快取和協商快取
expires和max-age
etag和if-none-match
增量更新：
為檔案加hash值
hash和chunkhash
contenthash是由extracttextplugin外掛程式提供
3.7.2 compiler compilation
第4章 本地開發伺服器
mock服務
json-server
4.2 動態構建
webpack-dev-middleware
lazy-是否開啟惰性模式
watchoptions-監聽細節配置
livereload 跟hmr的區別
hmr hot module replacement
以區域性更新取代整體更新
4.3.2 非同步資料介面
mockserver 用node搭建的服務
local模式
proxy模式 express-http-proxy
defineplugin和環境變數
第5章 部署
5.1 審查**
5.2 apache設定快取策略
第6章 工作流
6.1 本地工作流
6.1.2 **分離與測試沙箱
6.2 雲平台工作流
6.2.1 gitflow與版本管理
前端工程化
為什麼出現了前端工程化？09年之前，我們學習的css，div，js只是對頁面設計進行乙個打輔助的功能，當時只能勉強的成為頁面設計師，為什麼會出現前端工程師 1.突然間前端的需求逐漸增多，使用者對介面的要求越來越高，前端範疇越來越大。2.前後端總是保持一致才能進行開發，不能分開開發，提出前端工程化，也...
前端工程化
一 什麼是前端工程化 根據業務特點，將前端開發流程規範化 標準化 包括開發流程 技術選型，規範，構建發布等用於提公升前端工程師開發效率和 質量，提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...
前端工程化
老大考慮到團隊成員學習的曲線，最終選擇thunk 為了更方便團隊人員使用，封裝直接的thunk，和cobinereducer 1 專案分為四大塊，服務治理，資源治理，診斷除錯，分析管理 幾十個元件，不可能將所有的狀態解除安裝乙個reducer裡面來管理 不利於維護 然後因為封裝了元件thunk所以要...