课程介绍
小册内容将围绕 Webpack 5.0 展开：
基本用法：以更结构化方式介绍 Webpack 及常用组件的用法，并结合具体应用场景(如 WASM、NPM 库、微前端等)，讲解各自特有的构建需求与相关实现；
性能优化：讲解如何衡量 Webpack 构建性能，进而介绍各项常见的构建、产物性能优化手段，及其背后的实现原理；
自定义组件：讲解 Webpack Loader、Plugin 的作用与基本形态，以及许多具体的开发技巧与辅助工具；
核心原理：讲解 Webpack 5.0 的核心原理，包括：构建从启动到结束的运行过程、Chunk 分包规则及实现原理、Loader/Plugin 与 Webpack 核心架构、模块转译与打包原理、Tree-Shaking 原理，等等。
提示：虽然 Webpack 5.0 更新力度很大，但多数功能、实现原理均可套用到 Webpack 4.0 上，你大可不必担心内容普适性问题。
总之，我将从最基础的用法开始，逐步递进、深入挖掘 Webpack 最底层的实现，必定能帮助大家构建起更成熟、体系化的 Webpack 知识结构。
├──1 重新认识 Webpack：旧时代的破局者.md 16.66kb
├──10 深入理解图像加载原理与最佳实践.md 18.21kb
├──11 深入理解 Webpack 核心配置结构.md 26.37kb
├──12 构建性能：分享 7 款常用的性能分析工具.md 19.41kb
├──13 如何使用 Webpack 持久化缓存大幅提升构建性能？.md 13.17kb
├──14 Webpack 都有哪些实现并行构建的方法？.md 18.56kb
├──15 有哪些值得学习的构建性能极致优化技巧？.md 17.88kb
├──16 如何正确使用 SplitChunks提升应用性能？.md 20.56kb
├──17 不止 Terser：揭秘代码压缩的门门道道.md 21.41kb
├──18 还有哪些值得学习的应用性能极致优化技巧？.md 21.79kb
├──19 Loader 开发基础：从开源项目学到的 Loader 开发技巧.md 30.29kb
├──2 如何理解 Webpack 配置底层结构逻辑？.md 18.02kb
├──20 Loader 开发进阶：如何用好 Loader 扩展开发工具？.md 34.94kb
├──21 插件开发基础：实例剖析插件基本形态与架构逻辑.md 26.27kb
├──22 插件开发进阶：如何提升插件健壮性？.md 19.02kb
├──23 插件架构：Hook 体系是如何影响 Webpack 架构的？.md 34.62kb
├──24 Init、Make、Seal：真正读懂 Webpack 核心流程.md 24.00kb
├──25 Dependency Graph：如何管理模块间依赖？.md 14.76kb
├──26 Chunk：三种产物的打包逻辑.md 16.29kb
├──27 Runtime：模块编译打包及运行时逻辑.md 37.18kb
├──28 Tree-shaking：如何删除无用模块导出？.md 17.80kb
├──29 Sourcemap：源码映射原理与应用技巧.md 25.01kb
├──3 如何借助 Babel+TS+ESLint 构建现代 JS 工程环境？.md 15.65kb
├──30 HMR：如何动态替换页面代码？.md 13.04kb
├──4 如何借助预处理器、PostCSS 等构建现代 CSS 工程环境？.md 20.03kb
├──5 如何搭建 Vue 全栈开发环境？.md 26.62kb
├──6 如何搭建 React 全栈开发环境？.md 18.37kb
├──7 使用 Webpack 构建 NPM Library 的正确方式.md 12.28kb
├──8 使用 Webpack 构建微前端应用.md 17.71kb
└──9 如何借助 Webpack 开发 PWA、Node、Electron 应用？.md 18.94kb
