uniapp 按需引入uni-ui
时间: 2023-08-02 12:10:45 浏览: 269
uni-app-ui:uni-app-ui
要在uni-app中按需引入uni-ui的组件,可以按照以下步骤进行:
1. 安装uni-ui插件:在HBuilderX中打开插件市场,搜索并安装uni-ui插件。
2. 在项目的pages.json中配置需要按需引入的组件,例如:
```
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@/uni-ui/components/uni-$1/uni-$1.vue"
}
}
```
这里配置了以uni-开头的组件按路径 `@/uni-ui/components/uni-$1/uni-$1.vue` 引入。
3. 在需要使用组件的页面中,直接使用组件名称即可,例如:
```
<template>
<uni-button>按需引入uni-ui组件</uni-button>
</template>
```
以上就是在uni-app中按需引入uni-ui组件的简单实现方式。
阅读全文