Webpack5 核心原理与应用实践

春暖花开

你会学到什么？
小册将为大家提供关于 Webpack 四个维度的知识:

• 怎么用:如何搭建适合特定场景的 Webpack 构建环境，包括:Web、SSR、WASM、NPM 等；
• 怎么用好:如何衡量、优化 Webpack 构建性能、产物运行性能；
• 怎么扩展:如何开发 Webpack Loader、Plugin，以及诸多开发工具、技巧介绍；
• 底层实现:Webpack 核心工作流，以及一些复杂构建技术的具体实现原理。
  

相信这些内容必定能帮助你体系化理解 Webpack 使用方法、实现原理及相关生态体系，深化工程化实践认知，进而构建属于自己的差异化竞争力。

即使你已经习惯通过诸如 Create React App、Vue CLI 之类的脚手架工具间接使用 Webpack，你也能从小册中习得这些工具底层如何与 Webpack 协作；如何为脚手架项目添加定制能力；又或者，如何进一步优化配置，提升编译性能，等等。

适宜人群:
小册内容较为复杂，有一些基础场景的用法介绍，但主要篇幅围绕 Webpack 原理、高级特性展开，因此有不低的理解门槛，更适合那些具有较扎实的前端知识基础，但期望进一步补齐知识结构，全面、深入学习前端工程化体系的中高阶前端同学。

课程目录:
1 重新认识 Webpack:旧时代的破局者.md
2 如何理解 Webpack 配置底层结构逻辑？.md
3 如何借助 Babel+TS+ESLint 构建现代 JS 工程环境？.md
4 如何借助预处理器、PostCSS 等构建现代 CSS 工程环境？.md
5 如何搭建 Vue 全栈开发环境？.md
6 如何搭建 React 全栈开发环境？.md
7 使用 Webpack 构建 NPM Library 的正确方式.md
8 使用 Webpack 构建微前端应用.md
9 如何借助 Webpack 开发 PWA、Node、Electron 应用？.md
10 深入理解图像加载原理与最佳实践.md
11 深入理解 Webpack 核心配置结构.md
12 构建性能:分享 7 款常用的性能分析工具.md
13 如何使用 Webpack 持久化缓存大幅提升构建性能？.md
14 Webpack 都有哪些实现并行构建的方法？.md
15 有哪些值得学习的构建性能极致优化技巧？.md
16 如何正确使用 SplitChunks提升应用性能？.md
17 不止 Terser:揭秘代码压缩的门门道道.md
18 还有哪些值得学习的应用性能极致优化技巧？.md
19 Loader 开发基础:从开源项目学到的 Loader 开发技巧.md
20 Loader 开发进阶:如何用好 Loader 扩展开发工具？.md
21 插件开发基础:实例剖析插件基本形态与架构逻辑.md
22 插件开发进阶:如何提升插件健壮性？.md
23 插件架构:Hook 体系是如何影响 Webpack 架构的？.md
24 Init、Make、Seal:真正读懂 Webpack 核心流程.md
25 Dependency Graph:如何管理模块间依赖？.md
26 Chunk:三种产物的打包逻辑.md
27 Runtime:模块编译打包及运行时逻辑.md
28 Tree-shaking:如何删除无用模块导出？.md
29 Sourcemap:源码映射原理与应用技巧.md
30 HMR:如何动态替换页面代码？.md


下载地址:

游客，如果您要查看本帖隐藏内容请回复

baobeisuper

30 HMR:如何动态替换页面代码

626368417

啥也不说了，感谢楼主分享哇！

191900053

啥也不说了，感谢楼主分享哇！

沐秋烟

啥也不说了，感谢楼主分享哇！

neymar

正需要，支持楼主大人了！

60006666a

啥也不说了，感谢楼主分享哇！

xuqh

啥也不说了，感谢楼主分享哇！

lanyou2018

啥也不说了，感谢楼主分享哇！

coderlee

正需要，支持楼主大人了！