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

最新推荐文章于 2024-07-17 18:30:00 发布

吾恶不作

最新推荐文章于 2024-07-17 18:30:00 发布

阅读量3.2k

点赞数

分类专栏：笔记文章标签：微信小程序 uni-app vue.js

本文链接：https://blog.csdn.net/weixin_51302229/article/details/127111042

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

在使用uniapp编写时所使用的语法为VUE，代码编写完成后点击HBuilder X工具窗口：发行>编译为小程序，即可自动转换为小程序的代码
在这里插入图片描述
解决问题：
编译之后代码会被进行压缩，vue文件会被拆分，其中的变量名也会被替换掉，基本没有可读性，变成这样：

这样的代码基本是不可进行修改的，所以这里面的代码基本是不能动的，要做修改就要回到编译之前的uniapp项目中进行修改，修改完成后再次编译；可是这样的一个不能做修改的文件如何，将其融入到主程序中去呢？（主程序为一个原生的小程序框架）
方法一：
将其编译后的文件
在这里插入图片描述
将文件夹中common、un_modules两个文件夹，放入原生小程序的根目录下，compoents文件夹下所有的组件复制进入原生小程序的component文件夹中，至于static文件夹是否替换原生小程序的image文件夹，就要看代码情况而定了，建议将static文件夹也放在原生小程序(也就是主程序)的根目录下，这样做的好处是，不需要再去修改代码中图片的地址。