面试题：Code Splitting 怎么做？import() 与 SplitChunksPlugin？

目的

减首包，按路由/功能按需加载，提高首屏与缓存命中率。

动态 import()

返回 Promise，Webpack 为动态导入生成异步 chunk，运行时再请求对应 JS 文件。

splitChunks（optimization）

对公共依赖（如 vue、lodash）抽成 vendor chunk，避免多入口重复打包；可配置 chunks: 'all'、minSize、cacheGroups 等。

面试要点

区分 「路由级懒加载」 与 「第三方拆包」；注意 chunk 文件名与 preload/prefetch 配合（可选）。