前言

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

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

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

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

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

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

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

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

评论

全部评论 4

  1. 行不行
    行不行
    Google Chrome Windows 10
    教教我行不行
    回复
  2. 1
    1
    Google Chrome Windows 10
    教教我行不行
    回复
  3. shber
    shber
    Google Chrome MacOS
    求指教3243任务二
    回复
  4. 1
    1
    Google Chrome MacOS
    123dwa的境外嗲嗲胃口的啊的爱我的
    回复

相关推荐

vite+vue3 代替require()的hooks

木灵鱼儿 465 15 0
vue3 vite hooks

vite+vue3实现低版本浏览器兼容的解决方案（白屏问题）

木灵鱼儿 5114 5 48
vue3 vite 兼容

解决vite开发时使用vant自动引入组件导致的二次构建

木灵鱼儿 1597 141 1
vant vite 自动加载

vite插件：处理不同平台但共用同一个window下的全局变量sdk方案

木灵鱼儿 640 0 0
插件 vite sdk

vite多页面实现一个html文件压缩插件

木灵鱼儿 890 0 1
插件 压缩 html

vite中typescript+eslint+prettier一份官方预设配置

木灵鱼儿 997 29 0
vue eslint TypeScript

vite中多环境变量务必了解的知识

木灵鱼儿 1471 28 0
环境变量 env vite

vue3 自定义移动端拖拽指令（支持吸边和offset间距以及回调）

木灵鱼儿 967 174 0
拖拽 自定义指令 vue3

vite编写一个内联js的插件vite-plugin-inline-js

木灵鱼儿 877 102 0
vite plugin vite插件

vite中正确使用unplugin-auto-import实现自动引入vue相关依赖

木灵鱼儿 2303 81 2
自动引入 ts vite
获得点赞 22
文章被阅读 1,059
最后更新 23-10-26 9:42:08

目录

目录