#Webpack

#核心概念

• Entry（入口）
• Output（输出）
• Loader
• Plugin
• Mode

#Loader

• 通过链式转换把非 JS 资源变成模块（如 TS、CSS、图片）。
• 执行顺序从右到左（下到上）。

#Plugin

• 基于 Tapable 钩子扩展编译流程，适合做资源注入、优化、分析。

#构建优化

• 速度：缓存、并行、缩小匹配范围、合适的 source-map、增量构建。
• 体积：Tree Shaking、SplitChunks、压缩、按需加载、sideEffects 标记、资源压缩。

#常见面试题索引

• Loader vs Plugin 差异
• 构建流程
• HMR 原理
• Tree Shaking 前提
• Code Splitting 方式
• 速度与体积优化
• Loader 顺序
• Plugin 工作机制
• Source Map 取舍