在 Vue CLI 默认创建的单页面应用项目中，要实现多页面应用的改造，请问具体的操作步骤是什么？
考察说明
考察对 Vue CLI 项目配置的掌握程度，以及将单页应用改造为多页应用的实际操作能力。
回答思路
- 【回答框架 1】多页面应用与单页面应用的核心区别在于多页面应用有多个独立的 HTML 入口文件，每个页面对应一个入口 JS 文件，页面之间通过链接跳转。
- 【回答框架 2】改造的关键在于修改 Vue CLI 项目的配置文件 vue.config.js。通过配置 pages 选项，可以定义多个页面，每个页面需要指定入口 JS 文件、模板 HTML 文件以及输出文件名称。
- 【回答框架 3】pages 选项的基本配置形式是：pages: { pageName: { entry: 'src/.../main.js', template: 'public/index.html', filename: '页面名.html' } }。其中 entry 是必填项，template 和 filename 可省略，默认使用 public/index.html 和 entry 的文件名作为页面名。
- 【回答框架 4】改造后，项目构建时会根据 pages 配置生成多个 HTML 文件，并自动打包对应的 JS 和 CSS 资源。每个页面可以独立设置标题（title）等元信息。
- 【回答框架 5】需要注意，页面间的跳转应使用 a 标签或 location.href，而不是 vue-router 的编程式导航，因为 Vue Router 默认是单页应用的路由，多页面场景下需要为每个页面单独配置路由或使用多路由实例。
- 【关键点 1】在 vue.config.js 中通过 pages 选项配置多个入口，是 Vue CLI 实现多页面应用的标准方法。
- 【关键点 2】每个页面至少需要一个 entry 字段，指向该页面的入口 JS 文件。
- 【关键点 3】多页面应用的页面跳转应使用原生 a 标签或 location.href，不能依赖单页应用的路由方式。
- 【关键点 4】构建产物会生成多个 HTML 文件，每个文件对应一个配置的页面。
- 【易错点 1】不要在单页面应用的路由配置中直接添加多个页面，Vue Router 的 history 模式在多页面场景下需要特殊处理，否则可能导致 404。
- 【易错点 2】公共资源（如公共样式）应提取为公共模块，避免在每个入口重复引入造成构建冗余。
- 【易错点 3】如果多个页面共用同一模板，注意在模板中通过 htmlWebpackPlugin.options 等变量区分页面，否则标题等元信息可能重复。