uniapp中easycom的作用

easycom的作用主要是&＃xff1a;
传统vue组件&＃xff0c;需要安装、引用、注册&＃xff0c;三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下&＃xff0c;并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册&＃xff0c;直接在页面中使用。

不管components目录下安装了多少组件&＃xff0c;easycom打包后会自动剔除没有使用的组件&＃xff0c;对组件库的使用尤为友好。

组件库批量安装&＃xff0c;随意使用&＃xff0c;自动按需打包。以官方的uni-ui为例&＃xff0c;在HBuilderX新建项目界面选择uni-ui项目模板&＃xff0c;只需在页面中敲u&＃xff0c;拉出大量组件代码块&＃xff0c;直接选择&＃xff0c;即可使用。大幅提升开发效率&＃xff0c;降低使用门槛。

在uni-app插件市场下载符合components/组件名称/组件名称.vue目录结构的组件&＃xff0c;均可直接使用。

easycom是自动开启的&＃xff0c;不需要手动开启&＃xff0c;有需求时可以在pages.json的easycom节点进行个性化设置&＃xff0c;如关闭自动扫描&＃xff0c;或自定义扫描匹配组件的策略。设置参数如下&＃xff1a;

"easycom": {"autoscan": true, //是否开启自动扫描&＃xff0c;开启后将会自动扫描符合components/组件名称/组件名称.vue目录结构的组件"custom": {"^uni-(.*)": "&＃64;/components/uni-$1.vue", // 匹配components目录内的vue文件"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" // 匹配node_modules内的uView组件}
}