在上一篇文章中，我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 rollup 是一个 JavaScript 模块打包器，在功能上要完成的事和webpack性质一样，就是将小块代码编译成大块复杂的代码，例如 library 或应用程序。…

在使用ES进行中文搜索时，分词的效果直接影响搜索的结果。对于没有能力自研分词，或者一般的使用场景，都会使用ik分词器作为分词插件。ik分词器的基本使用可以参考: Elasticsearch中ik分词器的使用。ik分词器的主要逻辑包括三部分： 在研究ik的原理之前，需要把ik的源…

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

开发组件的过程中，我们需要对开发的组件进行测试。但是仅仅在 开发环境 / 文档环境 中进行测试，并不能完全覆盖我们在业务开发中的使用场景。因此，我们就需要对 build 后的产物进行测试。 这里总结了 3 种方案，聊聊各自的特点。 这种方案就是我们的日常使用最直接的场景，但是缺…

一个系统拥有大量的业务场景和业务代码，相似的页面和代码层出不穷，如何管理和抽象这些相似的代码和模块，这肯定是诸多团队都会遇到的问题。 不断的拷代码？还是抽象成 UI 组件或业务组件？显然后者更高效。 那么现在就面临一个选择：一是选择 React 生态中已有的组件库，例如 ant…

在众多打包工具中，Webpack 在公司项目中是使用范围最广的了，但是像 Vue、React、Vite 等类库都是使用 Rollup 作为打包工具的。Rollup 在打包 JavaScript 库的能

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

前文 📚 Layout (栅格化)布局系统组件源码剖析详细讲解了组件的代码生成逻辑，本文在其基础上继续深入分析， 耐心读完，相信会对您有所帮助。

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