当前位置: 代码网 > 移动>腾讯>微信 > uniapp开发小程序组件和uni_modules分包到子包中

uniapp开发小程序组件和uni_modules分包到子包中

2024年07月28日 微信 我要评论
大家在uniapp开发微信小程序项目中难免会遇到主包体积过大,导致上传不了。这一直都是很头痛的问题。下面就讲一下我最近在项目中遇到的问题。因为创建项目的时候没有考虑那么多因素只考虑到了简单的分包。这个是没有满足项目变大的因素。

大家在uniapp开发微信小程序项目中难免会遇到主包体积过大,导致上传不了。这一直都是很头痛的问题。下面就讲一下我最近在项目中遇到的问题。因为创建项目的时候没有考虑那么多因素只考虑到了简单的分包。这个是没有满足项目变大的因素。

components

1:开发uniapp的都清楚在项目根目录下有可以创建一个components 文件夹  ,可以点击右键有创建组件选项,可以在项目目录下的.vue文件直接使用创建的组件无需导入操作很方便,但是也很占用主包的空间体积这样会在打包的时候打到主包里面,即使你是在分包中使用。   

uni_modules

2:开发项目通常也是需要用到uniapp的外置组件通过插件市场安装到项目根目录下。也会存在一个uni_modules的文件夹。这两个使用通常也会占到不少的体积。

所以要解决项目过大这两个东西一定是要首先解决的!!!

把项目根目录下的components移动到自己分的子包跟目录下

 重要的事情还是要把主包目录下的components留起来,我在移动的时候就是把整个都移动到自包中,导致有很多之前文件里应用的组件不能正常使用只能在主包中使用。所以这个要看情况而定,建议能不能影响正常使用没有报错的情况下都移动到自包中。同样uni_modules也是一样的情况。因为有很多情况有些是不能整体移动到子包中。因为我在移动的时候就遇到这种的问题!

3:下面就是移动的要点;

容易弄错的地方:要是单独去想vue中通过import去引入再使用可能会报错但是一定不会显示你组件里面的内容,不管是你在根目录下的组件还是移动到子包中的组件,都不会显示。因为貌似微信是主包和分包不共享不能互相应用的问题。所以想要显示还是需要再做一步操作才可以

  1. 如果主包里面例如登录页,tabbar页面需要用到主包的组件就不需要做如何操作,但是如果主包想引入使用子包就需要到主包的页面配置
  2. 如果想组件想引用组件的情况下是不需要去到pages.json中进行占位,只需要通过import导入组件使用即可
  3. 使用子包中的uni_modules则不需要去pages.json里面占位,在使用的文件中直接通过import导入就可以,要带上子包名才可以
  4. 下面是组件引入的示例

 

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com