是uni-app的插件模块化规范,它通常包含一组js sdk、组件、页面、uniCloud云函数、公共模块等,用于嵌入到uni-app项目中使用。 通过uni_modules,开发者可以像开发uni-app项目一样编写插件,并在HBuilderX中直接上传至插件市场,实现插件的共享和复用。2. uni_modules中组件的使用方式 EasyCom组件模式:uni_modules中的...
对于通用组件: 如果你已经通过HBuilderX插件市场安装了某个uni_modules组件,通常只需在页面的.vue文件中按照组件的使用说明直接引用即可,无需额外的import语句。Uniapp采用了EasyCom组件规范,这意味着符合规范的组件会自动全局注册,可以直接在template中使用。 Html <template><view><!-- 使用名为u-button的uni_module...
2. 在uni-app插件市场下载符合components/组件名称/组件名称.vue目录结构的组件,均可直接使用。 3. 不管components目录下安装了多少组件,easycom打包会自动剔除没有使用的组件.组件库批量安装,随意使用,自动按需打包。 4. HBuilderX 2.5.5起支持easycom组件模式。 自定义easycom配置发布...
2、开发便捷性:开发者可以像开发uni-app项目一样编写一个uni_modules插件,然后在HBuilderX中直接上传至插件市场。 3、uni_modules特点:uni_modules开发的插件,可以直接在uniapp的任意页面直接使用,与easycom组件模式类似,避免了每个页面引入才能使用。 详见官方文档。 二、开发准备 1、开发环境HBuider X 2、用于开发...
最后:其实有一种方法(easycom)可以把uni_modules的插件放到分包里,这样就不会占用主包的空间,就是得满足它的组件路径规范,而且得把用到该插件的页面放到分包里去。 easycom的说明文档👉https://uniapp.dcloud.net.cn/collocation/pages.html#easycom
easycom组件规范 传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下或uni_modules目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用。
关于配置easycom组件模式,要注意npm和下载安装的配置不一样 "easycom": { // npm方式安装的配置 "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" // 下载安装方式配置 // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue", ...
- 配置easycom @@ -109,19 +133,6 @@ npm install nutui-uniapp } ``` - 类型提示 >tsconfig.json(需要[IDE 支持](https://cn.vuejs.org/guide/typescript/overview.html#ide-support)) ```json5 { "compilerOptions": { // ... "types": ["nutui-uniapp/global.d.ts"] ...
"easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" "^u-(.*)": "@/uni_modules/uview-v2/components/u-$1/u-$1.vue" }, // "condition": { //模式配置,仅开发期间生效 // "current": 0, //当前激活的模式(list 的索引项) @@ -14,8 +14,7 @@ { "path": ...
如图:我使用Hbuilderx 创建的uni-app项目,在发行微信小程序的时候,这个uni_modules打到了主包里面,导致主包超包。请问各位大佬,这个超包的问题如何解决呢? 1.我已经把uni_modules里面用不到的组件删除,现在剩下的组件都是业务需要的。 2.我尝试新创建了一个uniapp项目,主包未使用uni_modules里面的组件,但是分...