1.AST、Babel、依赖 · 2.Webpack核心原理 · 3.Loader原理 · 4.阅读Webpack源码前的准备 · 5.逐行于都Webpack源码(上) · 6.逐行阅读Webpack源码(下) · 7.Webpack插件原理 · 8.Webpack高级配置举例(1) · 9.Webpack高级配置举例(2) · 10.Webpack高级配置举例(3) · Webpack源码.jpg

*   1.AST、Babel、依赖/

  *   1-0.pptx

  *   1-0.txt

  *   1-1 babel与AST

  *   1-2 把let变成var

  *   1-3 将代码转化为ES5

  *   1-4 分析index.js的依赖

  *   1-5 递归地分析嵌套依赖

  *   1-6 静态分析循环依赖

  *   课后测试.docx

*   2.Webpack核心原理/

  *   2-1 webpack 要解决的两个问题

  *   2-2 编译 import 和 export 关键字

  *   2-3 把多个文件打包成一个

  *   2-4 最终文件长什么样子

  *   2-5 打包器完成

*   3.Loader原理/

  *   3-1 如何加载 CSS 文件

  *   3-2 创建 CSS loader

  *   3-3 发现打包器的问题

  *   3-4 阅读style-loader源码理解 webpack

  *   3-5 raw-loader和css-loader源码赏析

  *   3-6 loader 面试题

*   4.阅读Webpack源码前的准备/

  *   3 第三种调试方式 yarn link

  *   4 其他准备工作

  *   4-1 课程优势

  *   4-2 两种调试 webpack-cli 的方法

*   5.逐行于都Webpack源码(上)/

  *   1 分析 webpack-cli 是如何调用 webpack 的

  *   2 创建编译器 Compiler 的过程

  *   3 Tapable 是什么

  *   4 分析 Webpack 的整体流程

  *   5 Webpack 是如何处理 Entry 的

  *   6 你怎么知道 facotery 就是 nmf 呢?

  *   文章.doc

*   6.逐行阅读Webpack源码(下)/

  *   1 回顾上节课

  *   2 factory.create 与 module

  *   3 _source 与 _ast

  *   4 Webpack 借助 acorn 的 parser 分析 JS

  *   5 如何用目前的知识在面试官面前装X

  *   6 Webpack 分析 JS 的过程

  *   7 Webpack 整体流程复述

  *   8 你可以看懂别人写的博客了

*   7.Webpack插件原理/

  *   1 Webpack Plugin 工作机制

  *   2 插件 1 源码讲解

  *   3 插件 2 源码讲解

  *   4 插件 3 源码讲解

  *   5 loader vs plugin 区别

  *   6 如何自己写 plugin

  *   7 看看网上的相关文章

*   8.Webpack高级配置举例(1)/

  *   1 如何使用课程中的代码

  *   2 让webpack输出的代码支持IE

  *   3 用babel-loader打包JS

  *   4 用babel-loader打包JSX

  *   5 给webpack配置ESLint插件

  *   6 用babel-loader打包TypeScript

  *   7 让ESLint支持TypeScript

  *   8 用babel-loader打包TSX

  *   9 科普:CRLF是什么

  *   10 让JS和TS支持@alias

  *   11 问答:webpack应学到什么程度

  *   12 建议:使用src代替@

*   9.Webpack高级配置举例(2)/

  *   1 让 webpack 支持 SCSS

  *   2 SCSS 自动 import 全局文件

  *   3 SCSS 分享变量给 JS

  *   4 让 Webpack 支持 LESS 文件

  *   5 LESS 自动引入全局文件

  *   6 LESS 分享变量给 JS

  *   7 对比 SCSS 和 LESS

  *   8 支持 Stylus 文件

  *   9 Webpack config 重构

  *   10 在生产环境提取单独的CSS文件

  *   11 自动生成HTML页面

*   10.Webpack高级配置举例(3)/

  *   1 Webpack 优化之单独打包 runtime

  *   2 为什么要单独打包 runtime

  *   3 Webpack 优化之用 splitChunks 将 node 依赖单独打包

  *   4 Webpack 优化之固定 moduleIds(不重要)

  *   5 Webpack 多页面

  *   6 Webpack 优化之 common 插件

  *   7 无限多页面的实现思路

*   Webpack源码.jpg