饥人谷Webpack源码深度解析
深入Webpack原理,提升构建效率
编辑点评
从高级配置到源码解析,全面掌握Webpack核心技术。
⭐ 编辑推荐
深入Webpack源码,解析高级配置,提升前端构建效率。
课程亮点
• Webpack源码深度解析
• 高级配置实战
• 提升构建效率
课程目录
📁 8.Webpack高级配置举例(1)
8.Webpack高级配置举例(1)文档.png [493.5 KB]
1 如何使用课程中的代码.mp4 [18.1 MB]
12 建议:使用src代替@.mp4 [11.3 MB]
10 让JS和TS支持@alias.mp4 [46.6 MB]
7 让ESLint支持TypeScript.mp4 [58.9 MB]
8 用babel-loader打包TSX.mp4 [51.4 MB]
4 用babel-loader打包JSX.mp4 [26.6 MB]
9 科普:CRLF是什么.mp4 [31.0 MB]
2 让webpack输出的代码支持IE.mp4 [24.7 MB]
11 问答:webpack应学到什么程度.mp4 [31.6 MB]
3 用babel-loader打包JS.mp4 [32.8 MB]
5 给webpack配置ESLint插件.mp4 [35.3 MB]
6 用babel-loader打包TypeScript.mp4 [16.0 MB]
📁 3.Loader原理
3.Loader原理必看.png [493.5 KB]
3-3 发现打包器的问题.mp4 [69.8 MB]
3-5 raw-loader和css-loader源码赏析.mp4 [78.1 MB]
3-6 loader 面试题.mp4 [13.9 MB]
3-2 创建 CSS loader.mp4 [31.3 MB]
3-1 如何加载 CSS 文件.mp4 [57.5 MB]
3-4 阅读style-loader源码理解 webpack.mp4 [58.2 MB]
📁 4.阅读Webpack源码前的准备
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核心原理
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-5 打包器完成.mp4 [78.8 MB]
2-4 最终文件长什么样子.mp4 [11.6 MB]
📁 5.逐行于都Webpack源码(上)
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]
3 Tapable 是什么.mp4 [26.2 MB]
📁 10.Webpack高级配置举例(3)
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插件原理
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]
5 loader vs plugin 区别.mp4 [28.1 MB]
6 如何自己写 plugin.mp4 [37.0 MB]
📁 6.逐行阅读Webpack源码(下)
7 Webpack 整体流程复述.mp4 [40.6 MB]
3 _source 与 _ast.mp4 [79.0 MB]
8 你可以看懂别人写的博客了.mp4 [33.1 MB]
6 Webpack 分析 JS 的过程.mp4 [80.8 MB]
1 回顾上节课.mp4 [16.3 MB]
4 Webpack 借助 acorn 的 parser 分析 JS.mp4 [37.9 MB]
5 如何用目前的知识在面试官面前装X.mp4 [17.7 MB]
2 factory.create 与 module.mp4 [55.1 MB]
📁 1.AST、Babel、依赖
1-4 分析index.js的依赖.mp4 [77.9 MB]
1-5 递归地分析嵌套依赖.mp4 [52.4 MB]
1-3 将代码转化为ES5.mp4 [64.7 MB]
1-1 babel与AST.mp4 [113.3 MB]
1-2 把let变成var.mp4 [38.9 MB]
1-6 静态分析循环依赖.mp4 [120.0 MB]
1-0.txt [70.0 B]
1-0.pptx [2.3 MB]
课后测试.docx [181.1 KB]
📁 9.Webpack高级配置举例(2)
9 Webpack config 重构.mp4 [18.9 MB]
11 自动生成HTML页面.mp4 [21.2 MB]
6 LESS 分享变量给 JS.mp4 [17.1 MB]
2 SCSS 自动 import 全局文件.mp4 [19.0 MB]
7 对比 SCSS 和 LESS.mp4 [26.7 MB]
5 LESS 自动引入全局文件.mp4 [12.7 MB]
10 在生产环境提取单独的CSS文件.mp4 [29.2 MB]
8 支持 Stylus 文件.mp4 [22.4 MB]
1 让 webpack 支持 SCSS.mp4 [50.8 MB]
4 让 Webpack 支持 LESS 文件.mp4 [21.1 MB]
3 SCSS 分享变量给 JS.mp4 [28.6 MB]
Webpack源码.jpg [1.5 MB]适合人群
- 前端工程师
- Webpack爱好者
学习收获
掌握Webpack核心原理
学会高级配置技巧
提升项目构建性能
祝您学习愉快!
学有所成,前程似锦!






