1. 提取原理（为什么提取）

如果多个⻚⾯都⽤到了⼀个公共⽂件（例如：jQuery），每个⻚⾯都将公共⽂件打包⼀次是不合理的。 如果有 100 个⻚⾯，将 jQuery 重复打包 100 次，肯定是不合理的。

代码分离-提取公共模块 - 图1

更好的办法是将公共⽂件提取出来。 这样，不管有多少个⻚⾯，我们只需要打包⼀次 jQuery 就可以了。（减少了打包体积，提⾼了打包效 率）

代码分离-提取公共模块 - 图2

2. 具体配置

// webpack.config.js module.exports = (env, argv) => { // 优化策略 optimization: { // 将所有公共模块单独打包 splitChunks: { chunks: ‘all’ } }， } 配置完成后，再次执⾏打包，可以在输出⽬录看到单独打包的⽂件。