玩转 webpack

程柳锋

腾讯高级工程师，IVWEB 团队社区和工程化负责人

27458 人已学习

新⼈⾸单¥68

课程目录

已完结/共 87 讲

第一章：webpack与构建发展简史 (9讲)



时长 05:39

时长 02:37

时长 02:36

时长 03:38

时长 02:03

时长 02:47

时长 04:05

08 | webpack初体验：一个最简单的例子

时长 05:24

09 | 通过npm script运行webpack

时长 02:28

第二章：webpack基础用法 (12讲)



10 | webpack核心概念之entry

时长 03:35

11 | webpack核心概念之output

时长 03:22

12 | webpack核心概念之loaders

时长 03:20

13 | webpack核心概念之plugins

时长 02:55

14 | webpack核心概念之mode

时长 02:48

15 | 解析ECMASCript 6和React JSX

时长 07:13

16 | 解析CSS、Less和Sass

时长 05:42

17 | 解析图片和字体

时长 08:34

18 | webpack中的文件监听

时长 05:06

19 | webpack中的热更新及原理分析

时长 08:57

20 | 文件指纹策略：chunkhash、contenthash和hash

时长 12:47

21 | HTML 、CSS和JavaScript代码压缩

时长 09:42

第三章：webpack进阶用法 (16讲)



22 | 自动清理构建目录产物

时长 06:18

23 | PostCSS插件autoprefixer自动补齐CSS3前缀

时长 09:06

24 | 移动端CSS px自动转换成rem

时长 11:16

时长 10:12

时长 17:18

时长 14:19

时长 21:27

29 | Tree Shaking的使用和原理分析

时长 11:42

30 | Scope Hoisting使用和原理分析

时长 14:13

31 | 代码分割和动态import

时长 10:57

32 | 在webpack中使用ESLint

时长 18:29

33 | webpack打包组件和基础库

时长 28:27

34 | webpack实现SSR打包（上）

时长 28:00

35 | webpack实现SSR打包（下）

时长 11:32

36 | 优化构建时命令行的显示日志

时长 11:06

37 | 构建异常和中断处理

时长 07:54

第四章：编写可维护的webpack构建配置 (9讲)



时长 10:32

时长 17:08

时长 11:16

时长 21:59

时长 14:13

时长 18:06

时长 07:40

45 | Git Commit规范和changelog生成

时长 08:16

46 | 语义化版本（Semantic Versioning）规范格式

时长 07:24

第五章：webpack构建速度和体积优化策略 (12讲)



47 | 初级分析：使用webpack内置的stats

时长 04:58

48 | 速度分析：使用speed-measure-webpack-plugin

时长 05:30

49 | 体积分析：使用webpack-bundle-analyzer

时长 08:30

50 | 使用高版本的webpack和Node.js

时长 07:35

时长 09:29

时长 05:29

时长 15:36

时长 08:27

时长 10:19

56 | 使用Tree Shaking擦除无用的JavaScript和CSS

时长 09:11

57 | 使用webpack进行图片压缩

时长 09:06

58 | 使用动态Polyfill服务

时长 10:41

第六章：通过源代码掌握webpack打包原理 (9讲)



59 | webpack启动过程分析

时长 11:30

60 | webpack-cli源码阅读

时长 21:06

61 | Tapable插件架构与Hooks设计

时长 15:50

62 | Tapable是如何和webpack进行关联起来的？

时长 12:57

63 | webpack流程篇：准备阶段

时长 14:54

64 | webpack流程篇：模块构建和chunk生成阶段

时长 14:53

65 | webpack流程篇：文件生成

时长 05:22

66 | 动手编写一个简易的webpack(上)

时长 09:26

67 | 动手编写一个简易的webpack(下)

时长 31:19

第七章：编写loader和插件 (7讲)



68 | loader的链式调用与执行顺序

时长 09:15

69 | 使用loader-runner高效进行loader的调试

时长 12:55

70 | 更复杂的loader的开发场

时长 21:44

71 | 实战开发一个自动合成雪碧图的loader

时长 09:37

72 | 插件基本结构介绍

时长 08:06

73 | 更复杂的插件开发场景

时长 07:01

74 | 实战开发一个压缩构建资源为zip包的插件

时长 18:35

第八章：React全家桶和webpack开发商城项目 (10讲)



时长 05:16

时长 05:41

时长 10:45

时长 07:57

时长 05:36