# plugin-taro-components

**Repository Path**: jiangzhuqingfeng/plugin-taro-components

## Basic Information

- **Project Name**: plugin-taro-components
- **Description**: 基于taro的自定义组件库
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-05
- **Last Updated**: 2023-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# plugin-taro-components

## taro+ts组件,支持unplugin-vue-components按需引入
### 安装
```bash
npm i -S plugin-taro-components
```
### 引入
#### 方式一 按需手动引入
app.ts引入样式
```
import 'plugin-taro-components/dist/style.css'//引入样式
```
vue组件中使用
```
<template>
    <io-input v-model="formData.name" type="text" placeholder="请输入" />
    <IoPageList :arr="[1, 2, 3, 4]"></IoPageList>
</template>
import { IoInput, IoPageList } from 'plugin-taro-components'
 
```

#### 方式二（推荐使用）基于unplugin-vue-components按需自动引入
```
   npm install -D unplugin-vue-components
```
config/index.js文件中添加配置
```
import Components from 'unplugin-vue-components/vite'
import IoTaroResolver from 'plugin-taro-components/resolver'
mini:{
    webpackChain(chain) {
      chain.plugin('unplugin-vue-components').use(ComponentsPlugin({
        resolvers: [IoTaroResolver()]
      }));
    },
}
```
### 发布
* 修改package.json中的version版本号
```
 "version": "0.0.1",
```
* npm run build
* npm publish