饥人谷Webpack源码深度解析

前端开发

课程简介

饥人谷Webpack源码深度解析深入Webpack原理，提升构建效率编辑点评从高级配置到源码解析，全面掌握Webpack核心技术。 ⭐ 编辑推荐深入Webpack源码，解析高级配置，提升前端构建效率。 ✨ 课程亮点 ✦ Webpack源码深度解析 ✦ 高级配置实战 ✦ 提升构建效率课程目录 📁 8.Webpack高级配置举例（1） 8.Webp…

已有 7 人浏览发布 2026-05-25 更新 2026-09-28

饥人谷Webpack源码深度解析

深入Webpack原理，提升构建效率

编辑点评

从高级配置到源码解析，全面掌握Webpack核心技术。

⭐ 编辑推荐

深入Webpack源码，解析高级配置，提升前端构建效率。

✨ 课程亮点

✦Webpack源码深度解析

✦高级配置实战

✦提升构建效率

课程目录

8.Webpack高级配置举例（1）6 集

3.Loader原理5 集

3.Loader原理必看.png [493.5 KB]
3-3 发现打包器的问题.mp4 [69.8 MB]
3-5 raw-loader鍜宑ss-loader婧愮爜璧忔瀽.mp4 [78.1 MB]
3-1 如何加载 CSS 文件.mp4 [57.5 MB]
3-4 阅读style-loader源码理解 webpack.mp4 [58.2 MB]

4.阅读Webpack源码前的准备5 集

4.阅读Webpack源码前的准备说明.zip [1.8 MB]
4 其他准备工作.mp4 [10.7 MB]
4-2 两种调试 webpack-cli 的方法.mp4 [70.8 MB]
4-1 课程优势.mp4 [34.5 MB]
3 第三种调试方式 yarn link.mp4 [48.2 MB]

2.Webpack核心原理5 集

2.Webpack核心原理文档.zip [1.8 MB]
2-3 把多个文件打包成一个.mp4 [114.2 MB]
2-2 编译 import 和 export 关键字.mp4 [77.2 MB]
2-1 webpack 要解决的两个问题.mp4 [38.6 MB]
2-4 最终文件长什么样子.mp4 [11.6 MB]

5.逐行于都Webpack源码（上）6 集

1 分析 webpack-cli 是如何调用 webpack 的.mp4 [39.9 MB]
4 分析 Webpack 的整体流程.mp4 [147.6 MB]
2 创建编译器 Compiler 的过程.mp4 [58.5 MB]
5 Webpack 是如何处理 Entry 的.mp4 [138.1 MB]
6 你怎么知道 facotery 就是 nmf 呢？.mp4 [41.4 MB]
文章.doc [11.5 KB]

10.Webpack高级配置举例（3）7 集

1 Webpack 优化之单独打包 runtime.mp4 [18.6 MB]
3 Webpack 优化之用 splitChunks 将 node 依赖单独打包.mp4 [37.7 MB]
6 Webpack 优化之 common 插件.mp4 [33.9 MB]
2 为什么要单独打包 runtime.mp4 [19.1 MB]
7 无限多页面的实现思路.mp4 [11.6 MB]
5 Webpack 多页面.mp4 [30.3 MB]
4 Webpack 优化之固定 moduleIds（不重要）.mp4 [20.8 MB]

7.Webpack插件原理5 集

7 看看网上的相关文章.mp4 [18.3 MB]
4 插件 3 源码讲解.mp4 [36.7 MB]
2 插件 1 源码讲解.mp4 [28.7 MB]
3 插件 2 源码讲解.mp4 [34.8 MB]
1 Webpack Plugin 工作机制.mp4 [15.6 MB]

6.逐行阅读Webpack源码（下）5 集

7 Webpack 整体流程复述.mp4 [40.6 MB]
8 你可以看懂别人写的博客了.mp4 [33.1 MB]
6 Webpack 分析 JS 的过程.mp4 [80.8 MB]
4 Webpack 借助 acorn 的 parser 分析 JS.mp4 [37.9 MB]
5 如何用目前的知识在面试官面前装X.mp4 [17.7 MB]

1.AST、Babel、依赖6 集

9.Webpack高级配置举例（2）9 集

适合人群

前端工程师
Webpack爱好者

🎯 学习收获

掌握Webpack核心原理
学会高级配置技巧
提升项目构建性能

🎉 祝您学习愉快！