16、WebPack 打包指南：自动提取公共代码块及资源处理

WebPack 打包指南：自动提取公共代码块及资源处理

1. 自动提取公共代码块 - SplitChunksPlugin

1.1 SplitChunksPlugin 简介

SplitChunksPlugin 可自动从各种捆绑包中提取公共代码块。它能将所有外部库自动提取到单独的捆绑包中，但在开发过程中，每次构建都捆绑所有库文件会带来额外开销，因此建议使用 DllPlugin 在单独的构建过程中准备所有库捆绑包，该过程每个项目只需执行一次。

1.2 配置方法

无需将 SplitChunksPlugin 添加到配置文件的 plugins 属性中，只需在 WebPack 配置文件中添加以下代码片段，WebPack 会自动调用它：

optimization: {
    splitChunks: {
        // SplitChunksPlugin 配置在此处
    }
}

通常，该插件在不指定任何选项的情况下也能正常工作，因为所有默认选项都经过精心设计。插件有通用设置，也允许指定缓存组（cacheGroups），其设置可能会覆盖通用设置。每个缓存组有两个属性用于选择模块是否使用该组的更具体设置进行处理：
- test ：模块路径必须满足的正则表达式，可选。如果未指定，则兼容性测试始终被视为成功。
- priority ：一个整数。如果一个模块满足多个缓存组的兼容性测试，则选择优先级最高的组。如果未指定优先级，则默认为 0。