最近给app的同事分享h5的框架，他们对我在公司搭建的组件库很是感兴趣，让我从0开始给他们分享一下相关方案；借此机会就循序渐进从0开始出个系列，小白都会的那种；那咱们就从最基础的npm组件库开始吧

写在前面 对于写JS的程序员来说，可能没有人不知道npm，但是有些同学对他的配置文件(即.npmrc文件)并不了解。结合我的学习心得，写一篇博客跟大家分享一些该配置文件的知识。

为什么会有这样一篇文章？因为网上的教程/示例只说了怎么做，没有系统详细的介绍引入这些依赖、为什么要这样配置，甚至有些文章还是错的！迫于技术洁癖，我希望更多的开发小伙伴能够真正的理解一个项目搭建各个方面

本文将指引你如何从 0 到 1 搭建自己的 UI 组件库，react组件库，UI库。本文用到dumi创建组件库，father-build构建项目，并指引你如何发布到npm，欢迎一起探讨~

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

一般多个项目使用一些公共组件的时候，我们没必要在每个项目里写公共组件代码，我们可以将公共组件封装成一个库，上传至npm，这样我们在项目中使用就可以直接从npm下载直接使用。当然我们也可以搭建自己本地的

我们经常写一些组件想共享给大家使用，那把它发布到 npm 包仓库是一个很好的办法 我们写一个小组件TipsBanner