vite+vue3多页面（多入口）教程

木灵鱼儿 2023-10-09 15:04 6897 阅读46分钟

前言

多页面其实可以理解为多个独立的业务之间共享部分代码逻辑的实现。业务之间是相对独立的，只是小部分或者大部分的代码是可以共用的，常见的一个场景就是：改头换面形式的换肤。

不同的皮肤之间毫无可复用组件代码的情况下，我们只能将通用的业务逻辑抽离成可复用的部分，简单点来说就是将数据与ui分离，数据是共用部分，ui是各自独立。

最终衍生出的多页面结构大体如下：

pages
├── pageA
│   ├── App.vue
│   ├── index.html
│   ├── main.ts
└── pageB
    ├── App.vue
    ├── index.html
    └── main.ts

那么我们使用vite该如何实现这样的特性呢，下面开始一步步实践它！

此处内容已隐藏回复后方可阅读。

分类： vue 项目实战标签： vue3 多页面 vite 多入口

版权申明

本文系作者 @木灵鱼儿原创发布在木灵鱼儿站点。未经许可，禁止转载。

获得点赞 26

文章被阅读 6,897

最后更新 23-10-26 9:42:08