本文将主要讲述以下内容：

1. webpack-chain的基本使用；
2. 自定义webpack loader；
3. plugin的工作原理，tapable的用法及自定义plugin；
4. 手撸一个Demo版本的Webpack；
5. 讲解webpack启动流程、运行流程及源码调试技巧。

网上流传一句话 “webpack工程师 > 前端工程师” 。
Webpack作为这些年主流的前端构建工具（目前仍是），可以说它前端工程化的核心。
学好Webpack有助于塑造个人优势，塑造简历亮点。
本篇文章将深入讲解webpack绝大部分配置项，核心功能等。包括不限于以下内容

1. 解读output input
2. CSS资源加载相关loader
3. browserlist配置规则及哪些工具支持browserlist
4. 对字体、图片资源的加载
5. 介绍常见的plugin
6. 深入解读devtool sourcemap配置
7. 讲解代码规范如何配置
8. 深入讲解devServer配置，包含HMR原理，跨域方案
9. 详解webpack的模块解析机制
10. 详解webpack代码分割的三种方式，分包配置，懒加载预加载配置等
11. 详解HTML/CSS/JS的代码压缩
12. 详解Webpack中TreeSharking的两种方案

本文将介绍AST背景，基本语法，然后再从一个全网最小编译器聊起带你理解AST如何转换代码，理解什么是访问者模式，最后再带你手写一个babel插件。

本文将讲解Eslint的基本配置，编辑如何配置，代码规范如何设计以及Eslint项目中的一些技巧

本文将系统梳理Babel相关知识。包括Babel的基本概念，配置文件种类，应用和类库的配置案例讲解，Babel7的主要变更，browserslist配置，编译TS代码适用tsc还是babel等内容。