全方位掌握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




