使用uniapp编写微信小程序并与原生小程序代码进行混合发布

uniapp编译之后的小程序如何与原生小程序进行代码融合并发布

在使用uniapp编写时所使用的语法为VUE，代码编写完成后点击HBuilder X工具窗口：发行>编译为小程序，即可自动转换为小程序的代码

方法：

编译之后代码会被进行压缩到项目路径下的unpackage的目录下，unpackage/dist/dev/mp-weixin的文件夹。这时vue文件会被拆分，其中的变量名也会被替换掉，基本没有可读性，变成微信框架样式，一个VUE拆分成多个文件即xx.js、xx.json、xx.wxss（微信框架）例下图

所以这里面的代码基本是不能动的，如要做修改就要回到编译之前的uniapp项目中进行修改，修改完成后再次编译；下面是和微信合并的过程。

方法一：

整合编译后的文件，即将文件夹中common、un_modules两个文件夹，放入原生小程序的根目录下，compoents文件夹下所有的组件复制进入原生小程序的component文件夹中，至于static文件夹是否替换原生小程序的image文件夹，就要看代码情况而定了，建议将static文件夹也放在原生小程序(也就是主程序)的根目录下，这样做的好处是，不需要再去修改代码中图片的地址。

上面这一步做完之后你的程序就已经融入到主程序中了，如果他没有报错，但是也没有渲染任何东西，不要着急接下来把app.js、app.wxss两个文件里所有的代码复制，分别粘贴进主程序根目录下的同名文件中；最后在app.json文件中把所有需要的页面配置其中，就完成了。

这将程序融入主程序主包中的操作。

分包融入的操作方式：

在uniapp开发者工具选择 “发行” > “小程序-微信（仅适用于uni-app）”，然后勾选分包发行为混合分包


还是重复上一次的操作，只不过要勾选和起名；之后直接将打包好的文件夹，复制进入主程序的根目录中，这样程序融合就完成了。

主要用于个人记录，如果对您有所帮助那就是我更新最大的动力，如有不妥之处，请及时告知。！