前言

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

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

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

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

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

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

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

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

评论

全部评论 19

  1. QuXin
    QuXin
    Google Chrome Windows 10
    可以借鉴来看看
    回复
  2. ddd
    ddd
    Google Chrome Windows 10
    啊啊啊啊啊啊啊啊啊啊啊
    回复
  3. 请问
    请问
    Google Chrome Windows 10
    撒撒旦发射点风格风格规范化官方的规划规范化规范化发阿斯顿撒旦
    回复
  4. khh
    khh
    Google Chrome MacOS
    啊啊啊啊啊啊啊啊啊啊啊
    回复
  5. Jelly
    Jelly
    Google Chrome Windows 10
    奥术大师大所
    回复
  6. 啦啦啦
    啦啦啦
    Google Chrome MacOS
    啦啦啦啦啦啦啦啦
    回复
  7. 阿萨的
    阿萨的
    Google Chrome Windows 10
    阿斯顿撒旦撒旦撒
    回复
  8. 王企鹅
    王企鹅
    Google Chrome Windows 10
    去问asdsadsadsad
    回复
  9. hjx
    hjx
    Google Chrome Windows 10
    求指教发发发
    回复
  10. mario
    mario
    Google Chrome Windows 10
    求指教求指教求指教
    回复
  1. 1
  2. 2

相关推荐

搭建一个vite+vue+ts的Chrome插件开发模板

木灵鱼儿 314 21 2
插件 模板 vue3

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

木灵鱼儿 33853 62 117
vue3 vite 兼容

vite5 打包体积分析（对标webpack包体分析）

木灵鱼儿 2356 103 0
vite 包体分析

vite+vue3 代替require()的hooks

木灵鱼儿 1333 20 0
vue3 vite hooks

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

木灵鱼儿 3142 182 1
vant vite 自动加载

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

木灵鱼儿 1310 0 0
插件 vite sdk

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

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

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

木灵鱼儿 1977 49 0
vue eslint TypeScript

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

木灵鱼儿 2701 32 0
环境变量 env vite

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

木灵鱼儿 1840 176 0
拖拽 自定义指令 vue3
获得点赞 26
文章被阅读 4,445
最后更新 23-10-26 9:42:08

目录

目录