webpack圖形化總結

背景?node

目前項目中是什麼樣子?
圖片描述webpack

優化點在哪裏,有幾個?
圖片描述web

目標?模塊化

圖片描述

什麼是webpack?性能

圖片描述

借張圖
clipboard.png優化

node層理解【實現語言層面的理解】?spa

webpack原理?webpack2

  • 模塊文件增長什麼信息?爲何增長?
    圖片描述
  • webpack v123區別
    圖片描述

性能比較例子
clipboard.png
clipboard.png命令行

webpack2
clipboard.png
Webpack3 + 沒有加做用域提高
clipboard.png
Webpack3 + 有做用域提高
clipboard.pngcode

拆分?

當事物很大,無從下手時都會想着怎麼分解?
那代碼也是同樣的?
代碼的分離有不少層?
    模塊化
    webpack code splitting

圖片描述

將來計劃?

數據mock

命令行
    使用簡單
    工程乾淨
相關文章
相關標籤/搜索