资料目录:
├─1.AST、Babel、依赖
│ 1-0.pptx
│ 1-1 babel与AST.mp4
│ 1-2 把let变成var.mp4
│ 1-3 将代码转化为ES5.mp4
│ 1-4 分析index.js的依赖.mp4
│ 1-5 递归地分析嵌套依赖.mp4
│ 1-6 静态分析循环依赖.mp4
│ 课后测试.docx
│
├─2.Webpack核心原理
│ 2-1 webpack 要解决的两个问题.mp4
│ 2-2 编译 import 和 export 关键字.mp4
│ 2-3 把多个文件打包成一个.mp4
│ 2-4 最终文件长什么样子.mp4
│ 2-5 打包器完成.mp4
│
├─3.Loader原理
│ 3-1 如何加载 CSS 文件.mp4
│ 3-2 创建 CSS loader.mp4
│ 3-3 发现打包器的问题.mp4
│ 3-4 阅读style-loader源码理解 webpack.mp4
│ 3-5 raw-loader和css-loader源码赏析.mp4
│ 3-6 loader 面试题.mp4
│
├─4.阅读Webpack源码前的准备
│ 3 第三种调试方式 yarn link.mp4
│ 4 其他准备工作.mp4
│ 4-1 课程优势.mp4
│ 4-2 两种调试 webpack-cli 的方法.mp4
│
├─5.逐行于都Webpack源码(上)
│ 1 分析 webpack-cli 是如何调用 webpack 的.mp4
│ 2 创建编译器 Compiler 的过程.mp4
│ 3 Tapable 是什么.mp4
│ 4 分析 Webpack 的整体流程.mp4
│ 5 Webpack 是如何处理 Entry 的.mp4
│ 6 你怎么知道 facotery 就是 nmf 呢?.mp4
│ 文章.doc
│
├─6.逐行阅读Webpack源码(下)
│ 1 回顾上节课.mp4
│ 2 factory.create 与 module.mp4
│ 3 _source 与 _ast.mp4
│ 4 Webpack 借助 acorn 的 parser 分析 JS.mp4
│ 5 如何用目前的知识在面试官面前装X.mp4
│ 6 Webpack 分析 JS 的过程.mp4
│ 7 Webpack 整体流程复述.mp4
│ 8 你可以看懂别人写的博客了.mp4
│
├─7.Webpack插件原理
│ 1 Webpack Plugin 工作机制.mp4
│ 2 插件 1 源码讲解.mp4
│ 3 插件 2 源码讲解.mp4
│ 4 插件 3 源码讲解.mp4
│ 5 loader vs plugin 区别.mp4
│ 6 如何自己写 plugin.mp4
│ 7 看看网上的相关文章.mp4
│
├─8.Webpack高级配置举例(1)
│ 1 如何使用课程中的代码.mp4
│ 2 让webpack输出的代码支持IE.mp4
│ 3 用babel-loader打包JS.mp4
│ 4 用babel-loader打包JSX.mp4
│ 5 给webpack配置ESLint插件.mp4
│ 6 用babel-loader打包TypeScript.mp4
│ 7 让ESLint支持TypeScript.mp4
│ 8 用babel-loader打包TSX.mp4
│ 9 科普:CRLF是什么.mp4
│ 10 让JS和TS支持@alias.mp4
│ 11 问答:webpack应学到什么程度.mp4
│ 12 建议:使用src代替@.mp4
│
├─9.Webpack高级配置举例(2)
│ 1 让 webpack 支持 SCSS.mp4
│ 2 SCSS 自动 import 全局文件.mp4
│ 3 SCSS 分享变量给 JS.mp4
│ 4 让 Webpack 支持 LESS 文件.mp4
│ 5 LESS 自动引入全局文件.mp4
│ 6 LESS 分享变量给 JS.mp4
│ 7 对比 SCSS 和 LESS.mp4
│ 8 支持 Stylus 文件.mp4
│ 9 Webpack config 重构.mp4
│ 10 在生产环境提取单独的CSS文件.mp4
│ 11 自动生成HTML页面.mp4
│
└─10.Webpack高级配置举例(3)
1 Webpack 优化之单独打包 runtime.mp4
2 为什么要单独打包 runtime.mp4
3 Webpack 优化之用 splitChunks 将 node 依赖单独打包.mp4
4 Webpack 优化之固定 moduleIds(不重要).mp4
5 Webpack 多页面.mp4
6 Webpack 优化之 common 插件.mp4
7 无限多页面的实现思路.mp4