Core

工程化与构建工具

包管理、构建工具链、代码规范、Monorepo、CI/CD、容器化、设计系统工程化。从源码到交付物的完整工程管线。

Topics

Source Maps

Source Map 的工作原理（VLQ 编码、mappings 字段解析）、Webpack devtool 配置选项全解、生产环境安全策略（hidden-source-map + Sentry 上传）、日常调试工作流。

Vite 与 Webpack 深度对比

Vite 和 Webpack 的架构差异：为什么 Vite 在开发体验上远超 Webpack、两者在生产构建上的实际差距、esbuild 和 Rolldown 在构建链路中的角色，以及如何根据项目特点做技术选型。

Webpack 深度解析

Webpack 核心概念与构建流程解析、Module Federation 微前端架构、性能优化策略（splitChunks/cache/DLL）、与 Vite 的架构对比，以及在现代工具链中 Webpack 仍不可替代的场景。