文章目录
- 简介
- 一、先看效果
- 二、实现思路
- 三、具体实现
- 3.1 文件目录
- 3.2 vite.config.ts 配置
- 3.3 注意事项
简介
开发工具:VsCode
技术栈:vue3 + Ts + uni-app + unibest + Wot Design Uni
简介:图文结合,十分钟带你搞定微信小程序分包
一、先看效果
二、实现思路
- 参考 unibest 官方文档-常见问题 第3点
- unibest官方文档:unibest
三、具体实现
3.1 文件目录
3.2 vite.config.ts 配置
plugins: [UniPages({// ... 其他代码// pages 目录为 src/pages,分包目录不能配置在pages目录下// 分包相关核心代码subPackages: ['src/pages-public', 'src/pages-student', 'src/pages-teacher'], // 是个数组,可以配置多个,但是不能为pages里面的目录// ... 其他代码}),]
3.3 注意事项
- 分包文件夹,需要建static去存图片等静态资源,直接建image文件夹,运行打包不认你这个文件夹,
- 有时候图片资源访问不起,只能放 /src/static中。