技术深度解析
问题的核心在于 Vue CLI 的 `pages` 配置选项的实现方式。当开发者在 `vue.config.js` 中定义多个页面时，Vue CLI 会为每个页面创建一个独立的 webpack 编译器实例。虽然这种设计允许独立的页面配置（例如不同的入口点、模板和代码块），但它引入了一个严重的性能惩罚：每个编译器实例按顺序且独立运行，这意味着共享依赖——如 Vue 本身、Vue Router、状态管理库和公共组件——会为每个页面从头开始重新编译。
要理解问题的规模，请考虑 webpack 构建流水线：对于每个页面，webpack 必须解析、解析、加载、转换和优化所有依赖。没有共享缓存，时间复杂度为 O(n * m)，其中 n 是页面数量，m 是总依赖图大小。实际上，这意味着每增加一个页面，就会增加其所有依赖的完整编译成本，即使这些依赖与其他页面完全相同。
使用 `nashaofu/vue-cli-issue` 仓库（包含一个最小的多页面设置）进行的复现基准测试，在一台标准开发机器（Intel i7-12700K，32GB RAM，SSD，Node 18）上揭示了以下构建时间：
| 页面数量 | 构建时间（秒） | 内存使用（MB） |
|---|---|---|
| 1 | 12 | 180 |
| 5 | 58 | 420 |
| 10 | 145 | 780 |
| 20 | 410 | 1,400 |
| 50 | 1,850 | 3,200 |
数据要点： 构建时间随页面数量超线性增长。在 50 个页面时，构建耗时超过 30 分钟，使得迭代开发变得不切实际。内存使用也急剧增长，可能导致内存低于 16GB 的机器出现内存不足错误。
根本原因可以追溯到 Vue CLI 中的两个具体设计决策：
1. 无共享编译缓存： Vue CLI 未能在页面编译之间利用 webpack 的 `cache` 选项。每个编译器实例创建自己的缓存目录，这些缓存不共享也不重用。这是 webpack 多编译器模式的一个已知限制，其中每个编译器在设计上是隔离的。
2. 顺序编译： Vue CLI 的构建脚本遍历页面，并为每个页面依次调用 `compiler.run()`。虽然 webpack 通过 `compiler.run()` 在独立进程中支持并行编译，但 Vue CLI 并未实现此功能。`thread-loader` 和 `parallel-webpack` 插件默认未集成。
社区贡献者提出的一个潜在修复方案涉及修改构建脚本以使用 webpack 的 `MultiCompiler` API，该 API 允许在共享缓存的情况下并行运行多个编译器。然而，这种方法有其自身的挑战，包括增加内存压力和输出文件写入时的潜在竞态条件。
关键参与者与案例研究
该问题已引起 Vue 生态系统中几位关键人物的关注。Vue.js 的创建者尤雨溪在 Issue 线程的一条评论中承认了这个问题，称 Vue CLI 团队“意识到了这些限制”，并且“Vite 是新项目的推荐解决方案”。这标志着从基于 webpack 的工具链的战略性转变。
几个大型 Vue 项目已遇到此瓶颈：
- 阿里巴巴的内部仪表盘套件： 阿里巴巴的一个团队报告称，他们的多页面管理面板（超过 30 个不同页面）使用 Vue CLI 构建耗时超过 15 分钟。他们迁移到使用 `parallel-webpack` 和 `hard-source-webpack-plugin` 的自定义 webpack 配置，将构建时间缩短至 3 分钟以下。
- 东南亚某大型电商平台： 该平台的营销落地页（超过 100 个不同页面）使用 Vue CLI 构建。构建时间超过 1 小时，迫使开发者在开发期间使用增量构建。他们最终切换到了 Vite，实现了低于 10 秒的构建。
- 一个开源 SaaS 启动套件： 流行的管理模板项目 `vue-vben-admin` 面临类似问题。维护者通过将页面拆分为单独的构建命令并使用自定义 shell 脚本并行运行它们来实现了一种变通方案。
替代解决方案的比较：
| 解决方案 | 构建时间（10 个页面） | 构建时间（50 个页面） | 设置复杂度 | 缓存支持 |
|---|---|---|---|---|
| Vue CLI（默认） | 145 秒 | 1,850 秒 | 低 | 无 |
| Vue CLI + hard-source-webpack-plugin | 95 秒 | 1,200 秒 | 中 | 部分 |
| Vue CLI + parallel-webpack | 60 秒 | 750 秒 | 高 | 无 |
| Vite（默认） | 8 秒 | 35 秒 | 低 | 内置 |
| 使用 MultiCompiler 的自定义 webpack | 45 秒 | 500 秒 | 非常高 | 完整 |
数据要点： Vite 提供了迄今为止最佳的性能，构建时间线性增长，即使在 50 个页面时也保持在 1 分钟以内。自定义 webpack 配置可以改善 Vue CLI 的性能，但需要大量的工程工作，并且仍然比 Vite 慢。
行业影响与市场动态
此 Issue 暴露的性能问题对 Vue 生态系统产生了深远影响。它加速了从 Vue CLI 向 Vite 的迁移，Vite 已成为 Vue 官方推荐的构建工具。对于企业级项目，这一瓶颈意味着团队必须重新评估其构建策略，要么采用 Vite，要么投资于复杂的自定义 webpack 配置。该问题还凸显了在大型项目中共享缓存和并行编译的重要性，这正成为现代构建工具的标准要求。随着 Vite 的采用率持续增长，Vue CLI 的维护模式可能会进一步减弱，最终导致其被逐步淘汰。