usp-ui v1.1.2

usp-ui

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

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

按需引入

借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。

npm install babel-plugin-component -D

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

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

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

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，增加组件测试用例访问入口