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

01 | 课程介绍

时长 05:39

02 | 内容综述

时长 02:37

03 | 为什么需要构建工具

时长 02:36

04 | 前端构建演变之路

时长 03:38

05 | 为什么选择webpack

时长 02:03

06 | 初识webpack

时长 02:47

07 | 环境搭建:安装webpack

时长 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

25 | 静态资源内联

时长 10:12

26 | 多页面应用打包通用方案

时长 17:18

27 | 使用sourcemap

时长 14:19

28 | 提取页面公共资源

时长 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讲)

38 | 构建配置包设计

时长 10:32

39 | 功能模块设计和目录结构

时长 17:08

40 | 使用ESLint规范构建脚本

时长 11:16

41 | 冒烟测试介绍和实际运用

时长 21:59

42 | 单元测试和测试覆盖率

时长 14:13

43 | 持续集成和Travis CI

时长 18:06

44 | 发布构建包到npm社区

时长 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

51 | 多进程/多实例构建

时长 09:29

52 | 多进程并行压缩代码

时长 05:29

53 | 进一步分包:预编译资源模块

时长 15:36

54 | 充分利用缓存提升二次构建速度

时长 08:27

55 | 缩小构建目标

时长 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讲)

75 | 商城技术栈选型和整体架构

时长 05:16

76 | 商城界面UI设计与模块拆分

时长 05:41

77 | React全家桶环境搭建

时长 10:45

78 | 数据库实体和表结构设计

时长 07:57

79 | 登录注册模块开发

时长 05:36

80 | 商品模块开发

时长 07:35

81 | 订单模块开发

时长 07:01

82 | 谈谈Web商城的性能优化策略

时长 08:05

83 | 功能开发总结

时长 04:57

84 | 玩转webpack & 结课测试

时长 02:09
加餐:webpack 5 专题内容 (3讲)

加餐:webpack 5 新特性解析

时长 37:49

加餐:bundle和bundless的差异

时长 10:56

加餐:Vite的构建原理
隐藏内容

此处内容需要权限查看

  • 普通用户购买价格:1金币
  • 会员用户购买价格:免费
  • 永久会员用户购买价格:免费推荐
会员免费查看

时长 14:56

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注