写给小公司前端的 UI 规范 大部分小公司前端开发是不是都会有个困扰，一天到晚做的都是后台管理系统，而且百分之 80 都是表格的增删改查，导致领导觉得前端简单的很，所以连个 UI 都没有，但是每次写完

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：

在vue项目中，多个项目会有一些公共的组件，我们如何将其打包成一个组件库维护起来呢？ 如何暴露组件类型，按需自动导入又是如何实现的？这篇文章我们一起来学习一下。

讲述 pnpm、monorepo、包管理的前置知识以及相关技术的选型理由，并搭建出 monorepo 组件库项目的目录结构。

温馨提示：本项目自 2024 年 10 月 17 日起开源，体验地址（小水管，勿攻击，谢谢各位老铁～）

🔥2024年最好用的 uniapp 开发模板，近一个月 star 数飙升！🔥 unibest 自称是 最好用的 uniapp 开发模板， 最近比较火热，star 数飙升~