跳到主要内容

配置示例

本目录的示例配置用于演示第 2、3 章讲解的机制,不是可直接复制的生产模板。

文件演示的机制对应章节
webpack.config.js缓存三件套、Loader 顺序、splitChunks、dev/prod 分叉、Source Map 策略§2.2、§2.3、§2.5、§2.7、§2.8
vite.config.ts默认值覆盖、别名、环境变量、manualChunks、library mode 硬坑§3.3、§3.4、§3.6、§7.5

使用建议​

读法:每个配置块都写了注释说明「为什么这么配」和「不这么配会怎样」——注释比配置本身更重要。

动手验证:把某个配置项删掉,观察产物变化。这比读配置有效得多(对应 §7.3 台阶 2 的判据)。

不要照抄:这些示例里包含了一些为演示而刻意保留的非最优写法(例如把 lodash 整包导入然后再用按路径导入做对比),并已用注释标出。