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

这篇具有很好参考价值的文章主要介绍了使用uniapp编写微信小程序并与原生小程序代码进行融合。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

在使用uniapp编写时所使用的语法为VUE,代码编写完成后点击HBuilder X工具窗口:发行>编译为小程序,即可自动转换为小程序的代码
使用uniapp编写微信小程序并与原生小程序代码进行融合
解决问题:
编译之后代码会被进行压缩,vue文件会被拆分,其中的变量名也会被替换掉,基本没有可读性,变成这样:
使用uniapp编写微信小程序并与原生小程序代码进行融合
这样的代码基本是不可进行修改的,所以这里面的代码基本是不能动的,要做修改就要回到编译之前的uniapp项目中进行修改,修改完成后再次编译;可是这样的一个不能做修改的文件如何,将其融入到主程序中去呢?(主程序为一个原生的小程序框架)
方法一:
将其编译后的文件
使用uniapp编写微信小程序并与原生小程序代码进行融合
将文件夹中common、un_modules两个文件夹,放入原生小程序的根目录下,compoents文件夹下所有的组件复制进入原生小程序的component文件夹中,至于static文件夹是否替换原生小程序的image文件夹,就要看代码情况而定了,建议将static文件夹也放在原生小程序(也就是主程序)的根目录下,这样做的好处是,不需要再去修改代码中图片的地址。

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

这将程序融入主程序主包中的操作,如果需要分包融入又该怎么操作呢?

使用uniapp编写微信小程序并与原生小程序代码进行融合
还是重复上一次的操作,只不过要勾选和起名;之后直接将打包好的文件夹,复制进入主程序的根目录中,这样程序融合就成功了文章来源地址https://www.toymoban.com/news/detail-486611.html

到了这里,关于使用uniapp编写微信小程序并与原生小程序代码进行融合的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包