webpack作為最流行的前端模塊打包工具乘粒，是前端工程化的利器膨更，我們有必要認(rèn)真了解一下。為此特意購(gòu)買和搜集了部分webpack學(xué)習(xí)視屏蝠嘉。其中DellLee老師的webpack學(xué)習(xí)視頻最疆，思路最清晰，幫助最大蚤告，我認(rèn)真記錄了筆記努酸。視頻鏈接如下：https://coding.imooc.com/class/316.html
如果大家有興趣，建議購(gòu)買視頻學(xué)習(xí)杜恰。然后結(jié)合筆記看获诈，會(huì)更有收獲。
主要分為如下幾部分：
2-1 webpack究竟是什么
2-2 什么是模塊打包工具
2-3 webpack的正確安裝方式
2-4 使用webpack的配置文件
2-5 淺析webpack打包內(nèi)容
3-1 Loader是什么
3-2 使用loader打包靜態(tài)資源（圖片）
3-3 使用loader打包靜態(tài)資源（樣式篇上）
3-4 使用loader打包靜態(tài)資源（樣式篇下）
3-5 使用plugins讓打包更便捷
3-6 Entry 與 Output的基礎(chǔ)配置
3-7 sourceMap的配置
3-8 使用 WebpackdevServer 提升開(kāi)發(fā)效率
3-9-10 Hot Module Replacement 熱模塊更新
3-11-12 使用 babel 處理 es6 語(yǔ)法
3-13 webpack 實(shí)現(xiàn)對(duì) react 框架代碼的打包
4-1 Tree Shaking 概念詳解
4-2 Development 和 Production 模式的區(qū)分打包
4-3~8 code-splitting箫章，懶加載烙荷，預(yù)拉取，預(yù)加載
4-8 打包分析
4-9 css 文件的代碼分割
4-10 webpack 與瀏覽器緩存（caching）
4-11 shimming 的作用
4-12 環(huán)境變量的使用
5-1 library 的打包
參考
看看webpack都打出了些什么
初識(shí)webpack——webpack四個(gè)基礎(chǔ)概念
webpack的commonchunkplugin深度解析以及chunk和module內(nèi)部結(jié)構(gòu)
webpack4.0各個(gè)擊破（4）—— Javascript & splitChunk
https://www.kancloud.cn/xiaoyulive/webpack/530026
https://github.com/ruanyf/webpack-demos#demo01-entry-file-source
https://webpack.js.org/concepts/
https://zhuanlan.zhihu.com/p/98677441
