在 JeecgBoot 项目中基于 Vue 3 配置多页面入口
![在 JeecgBoot 项目中基于 Vue 3 配置多页面入口](https://static001.geekbang.org/infoq/a5/a53414aa7988a3efe7ae25ffb760ad14.png)
在现代 Web 开发中,使用 Vue 框架构建项目已经成为一种常见的选择。而 JeecgBoot 作为一个优秀的后台管理系统框架,也提供了丰富的功能和组件,方便开发人员快速搭建企业级应用。本文将介绍如何在 JeecgBoot 项目中基于 Vue 3 配置多页面入口,实现更灵活的页面管理和定制化需求。
前提
首先,确保您已经下载好 JeecgBoot 的 Vue 3 的前端项目。
源码地址:https://github.com/jeecgboot/JeecgBoot
前端 vue3 配置项目多页面入口
1. 项目根目录新建 home.html
![](https://static001.geekbang.org/infoq/63/631d918549e0316c36085a63c2e2a7bf.png)
复制代码
2.src 目录下新建 multiPage/home 目录及 App.vue 和 main.ts 文件
![](https://static001.geekbang.org/infoq/5d/5dee909bfc9bcfd9866254902a72da59.png)
复制代码
复制代码
3. 替换 build/vite/plugin/html.ts 中的 htmlPlugin
复制代码
![](https://static001.geekbang.org/infoq/ae/ae5939fd8753f38302ba1369e064989e.png)
评论