这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

在我们已经搭建好一个基础的工程环境后，让我们来开发一个组件试试吧，并找出当前工程的缺陷与不足，并思考如何做到更好，在后续我们来逐步将其完善。

ts的开发与js有所不同，在一些组件编写上我们需要做的更多，本节在做组件基础编写环境之外，同时去通过BEM规范结合参考element-ui的组织结构定义出我们所需的一个样式规范与项目结构。

本节我们将完成组件库基础的Monmrepo架构开发，与基础本地开发调试环境的搭建，为租价库的开发提供基础保障。

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

在我们开发组件库之前，我们需要对项目的基础架构以及我们选用的技术栈做一个简单的了解，以此来让我们在后续的正式编码环节可以更加轻松的进入到正式开发的节奏。

我在一个名为Admin UI的Vue UI组件库（GitHub地址：https://github.com/BboyAwey/admin-ui）上投入了大量时间。该库到目前版本发展到3.x，几乎全部出自我手。它的优劣请先搁置不问，但至少，我从中积累和学习到的经验足够回答一个问题：…

在组件有了之后，我们需要对组件进行整合，在packages文件夹下创建index.js入口文件对组件进行整合。 我们需要测试ui渲染后的结果。需要在浏览器中测试,所有需要使用Karma 请教了大佬，回复是：因为用到window变量了，最好引入时单独逐一引入，就是当是开发的时候可…

聊聊基于webpack脚手架开发一个Vue移动端UI组件库的经验与思考