全方位掌握webpack核心技能和优化策略

*   01 第一章:webpack与构建发展简史/

  *   01 01 课程介绍.html (0.01 MB)

  *   01 01 课程介绍.mp4 (136.78 MB), 05:39

  *   02 02 内容综述.html (0.00 MB)

  *   02 02 内容综述.mp4 (26.91 MB), 02:37

  *   03 03 为什么需要构建工具.html (0.00 MB)

  *   03 03 为什么需要构建工具.mp4 (23.16 MB), 02:36

  *   04 04 前端构建演变之路.html (0.00 MB)

  *   04 04 前端构建演变之路.mp4 (27.29 MB), 03:38

  *   05 05 为什么选择webpack.html (0.00 MB)

  *   05 05 为什么选择webpack.mp4 (29.08 MB), 02:03

  *   06 06 初识webpack.html (0.00 MB)

  *   06 06 初识webpack.mp4 (26.69 MB), 02:47

  *   07 07 环境搭建:安装webpack.html (0.00 MB)

  *   07 07 环境搭建:安装webpack.mp4 (42.14 MB), 04:05

  *   08 08 webpack初体验:一个最简单的例子.html (0.00 MB)

  *   08 08 webpack初体验:一个最简单的例子.mp4 (53.90 MB), 05:24

  *   09 09 通过npm script运行webpack.html (0.00 MB)

  *   09 09 通过npm script运行webpack.mp4 (56.19 MB), 02:28

*   02 第二章:webpack基础用法/

  *   01 10 webpack核心概念之entry.html (0.00 MB)

  *   01 10 webpack核心概念之entry.mp4 (32.45 MB), 03:35

  *   02 11 webpack核心概念之output.html (0.00 MB)

  *   02 11 webpack核心概念之output.mp4 (33.69 MB), 03:22

  *   03 12 webpack核心概念之loaders.html (0.00 MB)

  *   03 12 webpack核心概念之loaders.mp4 (30.47 MB), 03:20

  *   04 13 webpack核心概念之plugins.html (0.00 MB)

  *   04 13 webpack核心概念之plugins.mp4 (29.95 MB), 02:56

  *   05 14 webpack核心概念之mode.html (0.00 MB)

  *   05 14 webpack核心概念之mode.mp4 (41.49 MB), 02:49

  *   06 15 解析ECMASCript 6和React JSX.html (0.00 MB)

  *   06 15 解析ECMASCript 6和React JSX.mp4 (70.60 MB), 07:13

  *   07 16 解析CSS、Less和Sass.html (0.00 MB)

  *   07 16 解析CSS、Less和Sass.mp4 (62.97 MB), 05:42

  *   08 17 解析图片和字体.html (0.00 MB)

  *   08 17 解析图片和字体.mp4 (106.17 MB), 08:34

  *   09 18 webpack中的文件监听.html (0.00 MB)

  *   09 18 webpack中的文件监听.mp4 (67.86 MB), 05:06

  *   10 19 webpack中的热更新及原理分析.html (0.00 MB)

  *   10 19 webpack中的热更新及原理分析.mp4 (134.94 MB), 08:57

  *   11 20 文件指纹策略:chunkhash、contenthash和hash.html (0.00 MB)

  *   11 20 文件指纹策略:chunkhash、contenthash和hash.mp4 (121.91 MB), 12:47

  *   12 21 HTML 、CSS和JavaScript代码压缩.html (0.00 MB)

  *   12 21 HTML 、CSS和JavaScript代码压缩.mp4 (129.13 MB), 09:42

*   03 第三章:webpack进阶用法/

  *   01 22 自动清理构建目录产物.html (0.00 MB)

  *   01 22 自动清理构建目录产物.mp4 (87.17 MB), 06:18

  *   02 23 PostCSS插件autoprefixer自动补齐CSS3前缀.html (0.00 MB)

  *   02 23 PostCSS插件autoprefixer自动补齐CSS3前缀.mp4 (122.05 MB), 09:06

  *   03 24 移动端CSS px自动转换成rem.html (0.00 MB)

  *   03 24 移动端CSS px自动转换成rem.mp4 (130.59 MB), 11:16

  *   04 25 静态资源内联.html (0.00 MB)

  *   04 25 静态资源内联.mp4 (104.04 MB), 10:12

  *   05 26 多页面应用打包通用方案.html (0.00 MB)

  *   05 26 多页面应用打包通用方案.mp4 (227.29 MB), 17:19

  *   06 27 使用sourcemap.html (0.00 MB)

  *   06 27 使用sourcemap.mp4 (189.46 MB), 14:20

  *   07 28 提取页面公共资源.html (0.00 MB)

  *   07 28 提取页面公共资源.mp4 (293.44 MB), 21:27

  *   08 29 Tree Shaking的使用和原理分析.html (0.00 MB)

  *   08 29 Tree Shaking的使用和原理分析.mp4 (143.71 MB), 11:42

  *   09 30 Scope Hoisting使用和原理分析.html (0.00 MB)

  *   09 30 Scope Hoisting使用和原理分析.mp4 (243.19 MB), 14:13

  *   10 31 代码分割和动态import.html (0.00 MB)

  *   10 31 代码分割和动态import.mp4 (147.61 MB), 10:57

  *   11 32 在webpack中使用ESLint.html (0.00 MB)

  *   11 32 在webpack中使用ESLint.mp4 (237.27 MB), 18:29

  *   12 33 webpack打包组件和基础库.html (0.00 MB)

  *   12 33 webpack打包组件和基础库.mp4 (344.12 MB), 28:27

  *   13 34 webpack实现SSR打包(上).html (0.00 MB)

  *   13 34 webpack实现SSR打包(上).mp4 (363.74 MB), 28:00

  *   14 35 webpack实现SSR打包(下).html (0.00 MB)

  *   14 35 webpack实现SSR打包(下).mp4 (187.88 MB), 11:32

  *   15 36 优化构建时命令行的显示日志.html (0.00 MB)

  *   15 36 优化构建时命令行的显示日志.mp4 (175.46 MB), 11:07

  *   16 37 构建异常和中断处理.html (0.00 MB)

  *   16 37 构建异常和中断处理.mp4 (118.93 MB), 07:54

*   04 第四章:编写可维护的webpack构建配置/

  *   01 38 构建配置包设计.html (0.00 MB)

  *   01 38 构建配置包设计.mp4 (96.50 MB), 10:32

  *   02 39 功能模块设计和目录结构.html (0.00 MB)

  *   02 39 功能模块设计和目录结构.mp4 (281.40 MB), 17:08

  *   03 40 使用ESLint规范构建脚本.html (0.00 MB)

  *   03 40 使用ESLint规范构建脚本.mp4 (211.85 MB), 11:16

  *   04 41 冒烟测试介绍和实际运用.html (0.00 MB)

  *   04 41 冒烟测试介绍和实际运用.mp4 (279.15 MB), 21:59

  *   05 42 单元测试和测试覆盖率.html (0.00 MB)

  *   05 42 单元测试和测试覆盖率.mp4 (175.62 MB), 14:13

  *   06 43 持续集成和Travis CI.html (0.00 MB)

  *   06 43 持续集成和Travis CI.mp4 (235.11 MB), 18:06

  *   07 44 发布构建包到npm社区.html (0.00 MB)

  *   07 44 发布构建包到npm社区.mp4 (110.48 MB), 07:40

  *   08 45 Git Commit规范和changelog生成.html (0.00 MB)

  *   08 45 Git Commit规范和changelog生成.mp4 (81.68 MB), 08:16

  *   09 46 语义化版本(Semantic Versioning)规范格式.html (0.00 MB)

  *   09 46 语义化版本(Semantic Versioning)规范格式.mp4 (78.55 MB), 07:24

*   05 第五章:webpack构建速度和体积优化策略/

  *   01 47 初级分析:使用webpack内置的stats.html (0.00 MB)

  *   01 47 初级分析:使用webpack内置的stats.mp4 (93.50 MB), 04:58

  *   02 48 速度分析:使用speed-measure-webpack-plugin.html (0.00 MB)

  *   02 48 速度分析:使用speed-measure-webpack-plugin.mp4 (92.68 MB), 05:30

  *   03 49 体积分析:使用webpack-bundle-analyzer.html (0.00 MB)

  *   03 49 体积分析:使用webpack-bundle-analyzer.mp4 (113.05 MB), 08:30

  *   04 50 使用高版本的webpack和Node.js.html (0.00 MB)

  *   04 50 使用高版本的webpack和Node.js.mp4 (112.48 MB), 07:35

  *   05 51 多进程多实例构建.html (0.00 MB)

  *   05 51 多进程多实例构建.mp4 (162.81 MB), 09:29

  *   06 52 多进程并行压缩代码.html (0.00 MB)

  *   06 52 多进程并行压缩代码.mp4 (91.57 MB), 05:29

  *   07 53 进一步分包:预编译资源模块.html (0.00 MB)

  *   07 53 进一步分包:预编译资源模块.mp4 (219.48 MB), 15:36

  *   08 54 充分利用缓存提升二次构建速度.html (0.00 MB)

  *   08 54 充分利用缓存提升二次构建速度.mp4 (175.05 MB), 08:27

  *   09 55 缩小构建目标.html (0.00 MB)

  *   09 55 缩小构建目标.mp4 (132.86 MB), 10:19

  *   10 56 使用Tree Shaking擦除无用的JavaScript和CSS.html (0.00 MB)

  *   10 56 使用Tree Shaking擦除无用的JavaScript和CSS.mp4 (119.88 MB), 09:11

  *   11 57 使用webpack进行图片压缩.html (0.00 MB)

  *   11 57 使用webpack进行图片压缩.mp4 (103.08 MB), 09:07

  *   12 58 使用动态Polyfill服务.html (0.00 MB)

  *   12 58 使用动态Polyfill服务.mp4 (103.08 MB), 10:42

*   06 第六章:通过源代码掌握webpack打包原理/

  *   01 59 webpack启动过程分析.html (0.00 MB)

  *   01 59 webpack启动过程分析.mp4 (181.92 MB), 11:30

  *   02 60 webpack-cli源码阅读.html (0.00 MB)

  *   02 60 webpack-cli源码阅读.mp4 (374.34 MB), 21:07

  *   03 61 Tapable插件架构与Hooks设计.html (0.00 MB)

  *   03 61 Tapable插件架构与Hooks设计.mp4 (210.63 MB), 15:50

  *   04 62 Tapable是如何和webpack进行关联起来的.html (0.00 MB)

  *   04 62 Tapable是如何和webpack进行关联起来的.mp4 (169.62 MB), 12:57

  *   05 63 webpack流程篇:准备阶段.html (0.00 MB)

  *   05 63 webpack流程篇:准备阶段.mp4 (273.15 MB), 14:55

  *   06 64 webpack流程篇:模块构建和chunk生成阶段.html (0.00 MB)

  *   06 64 webpack流程篇:模块构建和chunk生成阶段.mp4 (245.37 MB), 14:53

  *   07 65 webpack流程篇:文件生成.html (0.00 MB)

  *   07 65 webpack流程篇:文件生成.mp4 (119.70 MB), 05:22

  *   08 66 动手编写一个简易的webpack(上).html (0.00 MB)

  *   08 66 动手编写一个简易的webpack(上).mp4 (83.30 MB), 09:26

  *   09 67 动手编写一个简易的webpack(下).html (0.00 MB)

  *   09 67 动手编写一个简易的webpack(下).mp4 (444.97 MB), 31:19

*   07 第七章:编写loader和插件/

  *   01 68 loader的链式调用与执行顺序.html (0.00 MB)

  *   01 68 loader的链式调用与执行顺序.mp4 (106.25 MB), 09:15

  *   02 69 使用loader-runner高效进行loader的调试.html (0.00 MB)

  *   02 69 使用loader-runner高效进行loader的调试.mp4 (153.98 MB), 12:55

  *   03 70 更复杂的loader的开发场.html (0.00 MB)

  *   03 70 更复杂的loader的开发场.mp4 (273.43 MB), 21:44

  *   04 71 实战开发一个自动合成雪碧图的loader.html (0.00 MB)

  *   04 71 实战开发一个自动合成雪碧图的loader.mp4 (151.59 MB), 09:37

  *   05 72 插件基本结构介绍.html (0.00 MB)

  *   05 72 插件基本结构介绍.mp4 (91.89 MB), 08:06

  *   06 73 更复杂的插件开发场景.html (0.00 MB)

  *   06 73 更复杂的插件开发场景.mp4 (92.27 MB), 07:01

  *   07 74 实战开发一个压缩构建资源为zip包的插件.html (0.00 MB)

  *   07 74 实战开发一个压缩构建资源为zip包的插件.mp4 (320.34 MB), 18:35

*   08 第八章:React全家桶和webpack开发商城项目/

  *   01 75 商城技术栈选型和整体架构.html (0.00 MB)

  *   01 75 商城技术栈选型和整体架构.mp4 (51.23 MB), 05:16

  *   02 76 商城界面UI设计与模块拆分.html (0.00 MB)

  *   02 76 商城界面UI设计与模块拆分.mp4 (65.06 MB), 05:41

  *   03 77 React全家桶环境搭建.html (0.00 MB)

  *   03 77 React全家桶环境搭建.mp4 (109.41 MB), 10:45

  *   04 78 数据库实体和表结构设计.html (0.00 MB)

  *   04 78 数据库实体和表结构设计.mp4 (115.02 MB), 07:57

  *   05 79 登录注册模块开发.html (0.00 MB)

  *   05 79 登录注册模块开发.mp4 (119.13 MB), 05:36

  *   06 80 商品模块开发.html (0.00 MB)

  *   06 80 商品模块开发.mp4 (190.98 MB), 07:35

  *   07 81 订单模块开发.html (0.00 MB)

  *   07 81 订单模块开发.mp4 (169.26 MB), 07:01

  *   08 82 谈谈Web商城的性能优化策略.html (0.00 MB)

  *   08 82 谈谈Web商城的性能优化策略.mp4 (96.63 MB), 08:05

  *   09 83 功能开发总结.html (0.00 MB)

  *   09 83 功能开发总结.mp4 (61.82 MB), 04:58

  *   10 84 玩转webpack结束语.html (0.01 MB)

  *   10 84 玩转webpack结束语.mp4 (50.50 MB), 02:09

*   09 加餐:webpack 5 专题内容/

  *   01 加餐:webpack 5 新特性解析.html (0.00 MB)

  *   01 加餐:webpack 5 新特性解析.mp4 (805.51 MB), 37:49

  *   02 加餐:bundle和bundless的差异.html (0.00 MB)

  *   02 加餐:bundle和bundless的差异.mp4 (250.25 MB), 10:56

  *   03 加餐:Vite的构建原理.html (0.00 MB)

  *   03 加餐:Vite的构建原理.mp4 (355.08 MB), 14:56