### usp-ui

> 目前支持两种打包方式，分别是`全量打包`和`组件打包`

- 全量打包：和之前一样，就是把所有的组件包括依赖打包到一起，打包脚本`npm run lib`。需要注意的是全量打包包含了组件打包，所以大家平时打包只需要执行该脚本即可。
- 组件打包： 每个组件生成一个js文件，为了提高依赖复用性**(避免同一依赖被引入多次)**，引入时需要加入项目中的`src`文件夹，打包脚本 `npm run componentsLib`

##### 按需引入

借助 [babel-plugin-component](https://github.com/ElementUI/babel-plugin-component)，我们可以只引入需要的组件，以达到减小项目体积的目的。

```
npm install babel-plugin-component -D
```

然后，在`babel.config.js`中新增以下配置

```diff
  module.exports = {
    plugins: [
+     [
+       'component',
+       {
+         libraryName: 'usp-ui',
+         libDir: 'componentsLib',
+         camel2Dash: false,
+         style: false
+       }
+     ]
+   ]
  }
```

接下来，如果你只希望引入部分组件，比如`button`，那么需要在`test.vue`中写入以下内容：

```js
import { OspButton } from 'usp-ui'

export default {
  components: { 'osp-button': OspButton }
}
```

另外，针对打包脚本做了一些调整

`npm run libtodev`，将打包结果（涵盖全量和组件）复制到`layoutvue`工程中

`npm run libtoapp`，将打包结果（涵盖全量和组件）复制到`appexplore`工程中
### 3. 按需打包
> 通过执行`npm run componentsLib`完成打包，生成的单个组件打包后的代码存放于根目录下的**componentsLib**文件夹下。

## usp-ui第三方扩展
### 1. fork本项目
### 2. 在package下增加自己的组件
> 必须支持按需加载单组件

### 3. 在package/index.js 全局注册组件
### 4. 在examples/components下增加组件测试用例
### 5. 在examples下修改route.js和App.vue，增加组件测试用例访问入口