第一篇 入门篇:Webpack初识
第1章 Webpack概论
1.1 Webpack缘起与前端工程化发展
1.2 核心概念:模块化、依赖关系与打包机制
1.3 Webpack在现代开发中的地位与优势
1.4 从Gulp、Grunt到Webpack的演进之路
第2章 安装与初探
2.1 安装Node.js与NPM环境配置
2.2 Webpack安装方式详解
2.3 初识Webpack CLI与Webpack Dev Server
2.4 编写第一个Webpack配置文件
第二篇 构建篇:Webpack核心机制解剖
第3章 核心概念深析
3.1 Entry:入口文件的策略与多入口方案
3.2 Output:输出规则与目录结构规范
3.3 Loaders:文件类型处理与转换机制
3.4 Plugins:插件机制与生命周期
3.5 Mode:开发与生产环境差异化配置
第4章 模块化原理与依赖管理
4.1 CommonJS、AMD、ES Module规范比较
4.2 Webpack模块打包原理
4.3 动态导入与懒加载实现机制
4.4 Tree Shaking原理与无用代码剔除
第三篇 实战篇:构建现代化项目
第5章 Webpack与前端主流框架集成
5.1 Vue项目工程化构建
5.2 React项目Webpack配置实践
5.3 Angular与Webpack应用
第6章 样式与资源模块管理
6.1 CSS/SCSS/SASS/Less集成
6.2 PostCSS与Autoprefixer配置
6.3 图片、字体、音视频资源管理与优化
第7章 开发效率提升技巧
7.1 Hot Module Replacement (HMR) 热更新原理与实现
7.2 Source Map调试机制
7.3 Webpack Dev Server进阶用法
7.4 DLLPlugin与预打包技术
第四篇 优化篇:构建性能极致优化
第8章 构建速度优化
8.1 缓存策略详解
8.2 多进程与多线程构建
8.3 Incremental Build与持久缓存
第9章 构建体积优化
9.1 Tree Shaking进阶实战
9.2 Code Splitting与异步加载
9.3 图片与资源体积压缩优化
第10章 SEO与访问性能优化
10.1 HTML生成与多页应用支持
10.2 Critical CSS与首屏加载优化
10.3 Gzip、Brotli压缩与HTTP缓存策略
第五篇 进阶篇:工程化体系化建设
第11章 模块联邦 (Module Federation)
11.1 原理剖析与应用场景
11.2 跨应用动态模块共享实践
11.3 微前端架构整合方案
第12章 Webpack 生态插件开发
12.1 Plugin开发原理与生命周期钩子
12.2 定制化Plugin实践
12.3 常用开源Plugin源码解读
第13章 Webpack Loader开发
13.1 Loader执行机制
13.2 编写自定义Loader实例
13.3 调试与发布Loader技巧
第六篇 拓展篇:未来前端工程化趋势
第14章 Webpack 与 Vite、esbuild 对比分析
14.1 构建理念与架构对照
14.2 性能对比与适用场景剖析
14.3 Webpack 5在新生态中的定位
第15章 前端持续集成与自动化部署
15.1 CI/CD体系概览
15.2 Webpack与Jenkins、GitHub Actions集成
15.3 自动化发布与版本控制策略
附录
附录A:Webpack核心API速查手册
附录B:常用Webpack插件与Loader清单
附录C:构建性能调优常用方案汇总
附录D:微前端工程化架构案例