从搭建Monorepo环境再到组件开发,最后打包发布到npm,一步一步带领你打造出一个属于自己的UI组件库

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建自己的组件库吧，这瓜保甜！

前言: 随着前端业务的不断扩大,也造了一些的轮子或者面向业务二次封装的代码用在各个项目当中,为了提升团队开发效率,稳定开发质量,一个服务于业务的业务组件库必不可少~

前几天写了一个Vue的自定义右键菜单的npm库，主要讲了插件的设计思路以及具体的实现过程，插件的开发流程没有细讲。 本文就跟大家分享下如何使用CLI从零开始开发一个支持Vue3的库，并上传至npm，欢迎各位感兴趣的开发者阅读本文。 根据Vue官方文档中有关插件的介绍，我们开发的…

随着对前端功能和性能的不断提高，前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。带大家搭建一个mini版组件库。 前端工程化大体可以分为四个方面内容。 一个文件分拆为多个互相依赖的文件，最后进行统一打包…

在此之前我们需要在package.json文件里面添加一个发布的白名单，当然你也可以使用npmignore配置文件，这种事黑名单的方式，不太建议，容易遗漏。 git add . git commit git push 一条龙

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

本文主要讲在搭建一个组件库过程中，从包工头对组件库进行项目管理，在脚手架对组件库进行项目构建，最后工具对项目规范的约束。同时也是作者对开发组件项目库中遇到的一些问题进行总结和常用工具的分享。 盖大楼之前，我们先把地基打好，先构建好我们的项目工程。 对于一款组件库，我们把每个组件…

周五了，何不给自己加个餐呢，想着第二天不用上班了，就感觉要起飞有木有，所以写篇文章再下班吧。 一个关于前端日志打印的库。 npm地址 如何用webpack打包公共类库，兼容不同环境，不同场景。 日常的日志调试是个很基础的东西，console.log也是我们每天都经常使用的东西，…