目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。 写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构，并提供内部公有组件库和工具库供…

前段时间公司在做公共组件的抽取，打算做一个公共的组件库，本来的想法是直接把封装好的各个公共组件直接引入到项目中就可以使用，后来发现直接引用会报错，大概意思是直接引入不能识别jsx语法之类的错误。 遂参考各个现成类库antd、elementUI等UI库的做法经过打包生成可供其他项…

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。

重头戏来了。 宿主环境各不相同，需要将源码进行相关处理后发布至 npm。 本节所有代码可在仓库chapter-3分支中获取。 既然是使用typescript编写的组件库，那么使用者应当享受到类型系统的好处。 这样使用者引入npm 包时，便能得到自动提示，也能够复用相关组件的类型…

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

在我们写完一个应用程序后，需要发布到npm上，大多数人可能仅仅使用npm publish就完成了，在这里我讲一下如何更好的发布包。 1. registry 在下载包的时候，很多人喜欢设置taobao镜像，因为npm仓库服务器在国外，下载速度真是急死个人。发布的时候也一样，一般开…

一个业务工程Project1，会同时依赖于lib1、lib2、lib3，其中lib2又依赖于lib1，lib3又依赖于lib1和lib2这种复杂依赖情况。（lib1,lib2,lib3是自己开发维护的npm包，分别发布到私有服务器，我们称为自研依赖库，以区别第三方依赖库）。 方…

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

在这篇文章中，我们会使用 TypeScript, TSLint, Prettier, Jest 等构建并发布一个 NPM TypeScript 包。下面将会是我们要构建的： 下载 Node.js 和 NPM。 选一个好的包名。包名必须是 pascal-case 并且全部小写。因…