# component-weapp-wechat

## 介绍
本项目以微信官方文档中提供的[开发第三方组件](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/trdparty.html)项目框架为基础，在自定义组件中对[Vant Weapp](https://youzan.github.io/vant-weapp/#/intro)组件进行封装，根据原型对组件进行修改，从而形成天源迪科微信小程序组件库。


## 使用

* 直接从` gitlab `上下载[component-weapp-wechat](http://gitlab.ohaotian.com/ZT/BASE/front-end/libs/components/component-weapp-wechat)项目

## 开发

1、 安装依赖：

```
npm install
```

2、 执行命令：

```
npm run dev
```

默认会在包根目录下生成 miniprogram\_dev 目录，src 中的源代码会被构建并生成到 miniprogram\_dev/components 目录下。如果需要监听文件变化动态构建，则可以执行命令：

```
npm run watch
```

> ps: 如果 minirpogram\_dev 目录下已存在小程序 demo，执行`npm run dev`则不会再将 tools 下的 demo 拷贝到此目录下。而执行`npm run watch`则会监听 tools 目录下的 demo 变动并进行拷贝。

3、 生成的 miniprogram\_dev 目录是一个小程序项目目录，以此目录作为小程序项目目录在微信开发者工具中打开即可查看自定义组件被使用的效果。


## 发布

> ps: 发布前得确保已经执行构建，小程序 npm 包只有构建出来的目录是真正被使用到的。

具体发布流程可参考中台前端文档[npm发布](http://39.106.250.14:8082/front-end/process/process.html#npm%E5%8C%85%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B)

> PS：一些开发者在开发过程中可能修改过` npm `的源，所以当进行登录或发布时需要注意要将源切回` npm `的源。

## 其他命令

* 清空 miniprogram_dist 目录：

```
npm run clean
```

* 清空 miniprogam_dev 目录：

```
npm run clean-dev
```
