重學webpack系列文章,系統性學習webpack

目的

重學webpack系列,是本身在平常的開發中,學習到的關於前端工程化的小知識點的總結和再學習,經過書寫的方式輸出,造成本身的知識體系 前端

同時,但願經過此次的整合和學習,能掌握如下的知識:webpack

  1. 弄懂webpack的基礎應用。
  2. 會進行資源的優化。
  3. 瞭解webpack內部的工做流。
  4. 總結再學習。

總體學習思路導航

webpack-demo項目的代碼git

已完成:github

基礎篇web

  1. 重學webpack之基礎篇(一):webpack的基礎認識
  2. 重學webpack之基礎篇(二):前端基本開發環境的搭建
  3. 重學webpack之基礎篇(三):配置loader和plugin
  4. 重學webpack之基礎篇(四):webpack-dev-server淺析
  5. 重學webpack之基礎篇(五):配置開發、測試、生產環境

優化篇前端工程化

  1. 重學webpack之優化篇(一):優化靜態資源
  2. 重學webpack之優化篇(二):優化配置提升構建速度
  3. 重學webpack之優化篇(三):http壓縮之Gzip
  4. 重學webpack之優化篇(四):webpack DllPlugin配置的代替方案hard-source-webpack-plugin

原理篇webpack-dev-server

  1. 重學webpack之原理篇(二):hash、chunkhash、contenthash

編寫中:學習

  1. 重學webpack之原理篇(一):webpack的工做流程和原理
  2. 重學webpack之原理篇(三):webpack-dev-server原理
  3. 重學webpack之原理篇(四):手寫loader
  4. 重學webpack之原理篇(五):手寫plugin

指望經過這個課程學習到啥

  1. webpack的詳細認識和使用。
  2. 能靈活在已有腳手架的基礎上,進行配置調整升級。
  3. 知識整合與應用。
相關文章
相關標籤/搜索