组件库能帮我们节省开发精力，无需所有东西都从头开始去做，通过一个个小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑是更便捷高效，而且质量也相对更高的方案。 目前的开源组件库有很多，不管是react还是vue的体系里都有很…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

一、为什么要有规范？二、我们可以做什么？

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…

在日常业务开发中我们大都会自己封装组件，可能是业务组件，也可能是UI组件。当然，已经有很多优秀的开源UI组件库，比如Ant Design、Element UI、Material UI等，也基本能够满足我们的日常开发。然而，同一个世界，却不是同一个设计师，不同的公司UI设计师有着…

组件库，一套标准化的组件集合，是前端工程师开发提效不可或缺的工具。 业内优秀的组件库比如 Antd Design 和 Element UI，大大节省了我们的开发时间。那么，做一套组件库，容易吗？ 答案肯定是不容易，当你去做这件事的时候，会发现它其实是一套体系。从开发、编译、测试…

项目说明项目github地址最近准备抽离一些组件,所以就动手搭建了一个基础打包项目,该有的功能基本都有,功能如下:按需引入:多种方式打包:组件测试及demo文档其他一些配置项目目录:如何创建属于组件库