# 开发概述
#### 卡片库简介
卡片是一种新的服务形态，提供一种比页面更细粒度的可复用的原子化服务能力，能直观呈现独立的业务含义，使用户能够精准快速地获取想要的服务。目前卡片定义是狭义定义，不含报表、中大屏、页面、移动屏等由卡片编排的消费产物。
1. 作为一种入口方式。如在一站式应用，以图标/链接/图表/列表等形式作为子应用的入口，提供比菜单更丰富和聚合的呈现和交互效果。
2. 作为一种可视方式。如在销售项目空间，以图表/列表/表格等形式提供各项指标数据，用户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。
 
#### 工作原理
1. 组件化开发思想
采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
2. 基于Webpack的构建过程
使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，最终生成可运行的JS和CSS文件，将整体项目包装成一个独立单元模块，以组件的形式暴露。
图1工作原理   
![](https://support.huaweicloud.com/devg-craftartsipdcenter/figure/zh-cn_image_0000001784368257.png "点击放大")