Webpack5优化的“双引擎”核心痛点:多个页面都引用了lodash,未分割时每个页面都打包一份,重复加载浪费流量。 配置方案:// webpack.config.js module.exports = { optimization: { splitChunks: { chunks: 'all', // 对所有模块(同步+异步)进行分割 cacheGroups: { // 提取第三方库(如react、lodash) vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', /