本文介绍了如何在已有的原生小程序项目中嵌入uni-app页面，通过混合开发充分利用uni-app的跨平台优势。首先，需使用命令行创建uni-app项目，并安装uniapp2wxpack工具。接着，将原生小程序文件复制到指定目录，配置分包信息。完成这些步骤后，项目运行会产生预览所需的dist文件夹。同时，文章提醒注意scss的依赖版本问题，并提供了iOS和Android的打包方法。
uni-app和原生小程序进行混合开发
应用场景
原生小程序开发，后续嵌入uniapp开发的页面
参考文章：https://ext.dcloud.net.cn/plugin?id=1560
- 混合开发必须使用命令行创建uniapp项目（因为hbuildx安装的项目没有相关依赖和src目录）
//环境安装：全局安装vue-cli
npm install -g @vue/cli
//创建uniapp：使用正式版
vue create -p dcloudio/uni-preset-vue my-project
//此时，会提示选择项目模板，建议选择 默认模板 项目模板
- 在项目根目录，安装uniapp2wxpack
npx unia
最低0.47元/天 解锁文章
扫一扫
4101
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
