HBuilderX将uni-app应用运行到微信开发者工具：uni_modules下的组件会按需发布

已于 2024-04-22 09:24:53 修改
阅读量230 收藏
点赞数 2
文章标签： uni-app HBuilderX 微信开发者工具
于 2024-04-22 09:22:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panghuangang/article/details/138059268
版权

HBuilderX创建了一个uni-app应用，会产生目录uni_modules，里边存放了uni-app的组件：
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

例如，在项目中，实际引用了uni-icons和uni-search-bar两个组件，在HBuilderX中将应用运行到微信开发者工具，这两个组件会发布过来，没有引用的组不会发布，下面是在微信开发者工具中uni_modules目录下的内容：
在这里插入图片描述

听海边涛声
关注
uni-app 开发的微信小程序-小兔鲜儿电商项目-uniapp-shop-vue3-ts.zip
11-04
uni-app是一个多端开发框架，允许开发者使用Vue.js语法编写一次代码，然后发布到包括微信小程序、H5、App等多个平台。这个项目采用Vue3和TypeScript进行编写，增加了代码的可维护性和类型安全性。 【描述】这个项目...
uni-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
qq_45811054的博客
03-30 1490
ui-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
uniapp：uni_modules组件开发与发布
chenzimin_blog
12-14 1万+
文章目录一、前言二、开发准备三、 uni_modules 插件开发1、创建uni_modules目录2、新建uni_modules插件3、发布到插件市场4、修改插件基本信息5、发布新版本6、查看发布的插件7、示例 一、前言 uni_modules是uni-app的插件模块化规范（HBuilderX 3.1.0+支持），通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装，用于嵌入到uni-app项目中使用，也支持直接封装为项目模板。 插件开发者，可以像开发uni-app项目一样编写
【uniapp】结构
小数点儿_
07-30 3574
整个插件文件夹(如uni-nav-bar文件夹)就会出现在自己项目的uni_modules文件夹下。Vue3中的应用是通过使用createApp函数来创建的，参数是根组件（例HelloVueApp）uni_modules是uni-app的插件模块化规范，可直接使用也可自己开发插件。uni-app组件支持的生命周期，与vue标准组件的生命周期相同。/*2.如果引入scss，要加上lang="scss"*/使用时，在自己项目下新建uni_modules文件夹。...
uniapp插件开发：uniapp使用uni_modules开发插件、发布插件，直接导入，一键升级
热门推荐
qq_42961150的博客
10-28 1万+
目录 背景 开发前提条件 插件开发步骤 参考 更多 背景 uni_modules是uni-app的插件模块化规范（HBuilderX 3.1.0+支持），通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装，用于嵌入到uni-app项目中使用，也支持直接封装为项目模板。 插件开发者，可以像开发uni-app项目一样编写一个uni_modules插件，并在HBuilderX中直接上传至插件市场。 uni_modules开发的插件，可以直接在uniapp的任意页面直接使用，与ea
如何导入并使用插件市场里的插件
bili181的博客
07-26 1万+
如何导入并使用插件市场里的插件
Uniapp个人笔记
weixin_49726201的博客
08-10 1613
pages.json 页面路由 | uni-app官网组件需符合components/组件名称/组件名称.vue的目录结构符合以上结构的就可以不用引用注册,直接在页面中就能使用。
uni-app多端引入保利威视频
09-22
首先，我们要确保已经安装了uni-app的开发环境，包括Vue.js、HBuilderX以及对目标平台（如微信小程序、移动端）的开发者工具。在HBuilderX中创建一个新的uni-app项目，或者在现有项目中进行以下步骤。 1. 引入保利...
uni-app开发商城类小程序
01-22
- 安装与配置：首先需要安装HBuilderX IDE，它是uni-app的官方开发工具，提供了代码编辑、预览、打包等功能。 - 结构解析：uni-app项目通常包含pages、static、uni_modules等目录，分别用于存放页面组件、静态资源...
uni-app从安装到卸载的入门教程
11-20
【uni-app】是一款由DCloud(数字天堂)推出的开源框架，它允许开发者通过一套代码实现跨平台开发，覆盖iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等多个平台。本教程将带你从零开始，完成...
uni-app-resp:uni-app项目搭建
05-28
Uni-app是一款由HBuilderX团队开发的多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、Web（H5）、微信小程序、支付宝小程序、百度小程序、QQ小程序等多个平台运行。本项目“uni-app-resp”是一个通用...
当在HBuilderx中运行项目，运行微信开发者工具时，报错
weixin_53221528的博客
12-19 498
当在hbuilderx中运行uni-app项目时报错，无法运行。
（附项目源码）uni-app关于uni-ui使用问题
linan996的博客
11-23 3851
文章目录一、使用 uni_modules 安装二、使用 npm 安装1.准备 sass以及sass-loader2.安装 uni-ui3.配置easycom4.添加vue.config.js文件测试总结 一、使用 uni_modules 安装 使用 uni_modules 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 uni-ui 组件。 如果使用的是HbuilderX的编译软件，直接点击插件市场进行安装即可。 插件市场安装页面：uni-ui 安装
【小程序开发之uni-app】通识和实战准备
前端啤酒屋
07-11 1411
为什么用uni-app开发小程序？什么是uni-app？作为一套较为成熟的一套代码带多端的框架，又需要哪些通识和实战准备？
hbuilderx项目运行到微信开发者工具中
嘻哈
02-20 1932
打开服务端口；复制端口号。
【web前端开发】在HBuilderX中自定义组件新方法 - “当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上 at App.vue:4”
Rudon滨海渔村的博客
02-18 9631
效果 要求 HBuilderX 3.1.0 版本以上，需要使用uni_modules开发自定义组件。 （旧版本的easycom用不了了，会和项目uni_modules下的组件冲突） （旧版本的自定义组件方法：）uni-app注册全局组件 - 符合easycom_Rudon滨海渔村的博客-CSDN博客效果图环境要求HBuilderX 2.5.5起支持easycom组件模式。uni-app官网uni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dclou
引用第三方插件到分包中即如何把uni_modules文件夹中的插件放入分包中
知识搬运工，资料任你拿，包括书籍、电影、电视剧、网站、软件等，VX公人人人号：向前书局
02-02 8851
一种是直接使用HBuildex导入插件，但这种会自动把插件放入到根目录下uni_modules文件夹中的，在打包时，会自动计入主包大小，如果主包不超过2M，这种方法完全没问题。网上搜索了很多，但都没有直接说明如何把node_modules中的第三方插件如何引入到分包中，首先为什么要在分包引入，原因就是小程序有包大小的限制，不能超过2M，超过2M的话，则不能发布或预览，于是不能不把一些只有某个或某些页面使用的插件放到分包中。二，放入分包中的步骤：点击下载插件ZIP，点击后，会弹出一个框，如下方。
新建uni-modules插件
u011013840的博客
03-24 481
1. 右击项目的uni_modules文件夹，点击uni-modules插件。弹出发布到市场对话框。填写发布信息，包括分类、插件显示名称等。弹出对话框，填写插件id和地址和分类，点击【创建】
【小程序开发之uni-app】通识和实战准备_[uni_modules] 15 14 00
最新发布
2401_85124764的博客
06-11 343
node_modules 不满足云端一体的需求。uniCloud的云函数、公共模块、schema和前端的各种js_sdk、组件、页面、项目，无法在node_modules模式下有效融合。uni_modules有付费和商业的插件，DCloud插件市场提供了版权保护。而node_modules不支持付费和版权保护。node_modules 是开发者友好而影响终端用户性能的模式。开发者为了省事，层层嵌套node_modules，造成数量惊人的文件数目。
解决uni-app项目uni_modules超包问题，高效发行微信小程序
"本文介绍了如何使用Hbuilderx创建uni-app项目并发行微信小程序，重点讨论了在发行过程中遇到的主包因uni_modules文件过大导致超包问题的解决策略，包括拆分uni_modules文件和使用动态导入。同时，文章还涵盖了创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值