第二阶段:Webpack 核心学习线路
3. Webpack 基本认知
Webpack 是什么
Bundler 的职责
Webpack 适用场景
- Webpack 核心概念(重中之重)
Entry
Output
Loader
Plugin
Mode
Chunk / Bundle / Asset
- Loader 深入
Loader 本质
常见 Loader
babel-loader
css-loader / style-loader
file-loader / asset
自定义 Loader 开发
- Plugin 深入
Plugin 工作机制
Tapable
常用 Plugin
自定义 Plugin 开发
- Webpack 打包原理(高级)
构建依赖图
AST 解析
Chunk 生成规则
Runtime & Manifest
- Webpack 开发体验
webpack-dev-server
HMR 原理
SourceMap
- Webpack 性能优化(重点)
构建速度优化
多进程打包
缓存
SplitChunks
Tree Shaking
Scope Hoisting
- Webpack 高级配置
多入口
多环境配置
DLL(历史)
Module Federation(非常重要🔥)