微信原生小程序项目接入uni-app代码

1、uniapp的项目需要使用命令行的方式创建

// 安装vue-cli 
npm install -g @vue/cli 
// 创建uni-app创建，选择默认模版 
vue create -p dcloudio/uni-preset-vue uniapp-project

2、npm 安装安装uniapp2wxpack插件

npx uniapp2wxpack --create

3、将原生小程序根目录下的所有文件复制到mainWeixinMp文件下

4、在mainWeixinMp/app.json中添加uniapp的分包配置

"subpackages": [
    {
        "root": "uniSubpackage
        "pages": []
    }
],

5、配置uniapp在原生项目中的路径

// projectToSubPackageConfig.js
module.exports={
    subPackagePath: 'uniSubpackage',
}

6、uniapp项目运行