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

作为一个前端工程师，我阅读/上手一个新的前端项目/工程时，总会先关注这个前端项目/工程的目录结构，而且这个目录结构往往展示了项目的架构设计。

Tango 是一个基于源码的低代码设计器框架，支持直接基于项目源码提供低代码可视化开发能力，可以无缝的与既有的本地开发工作流进行集成，从而提供渐进式的低代码开发能力。

什么是低代码？ 低代码（Low-Code Development，LCD），开发者主要通过图形化用户界面和配置来创建应用软件，而不是像传统模式那样主要依靠手写代码。低代码开发模式的开发者，通常不需要具

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。

本文涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包

引言： 当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式，如 Vue、React、Vite、Element UI、Varlet UI、Vant UI 等。

从搭建Monorepo环境再到组件开发,最后打包发布到npm,一步一步带领你打造出一个属于自己的UI组件库

这一篇文章我们将实现组件库自动化打包与发布，将我们从繁琐的打包和流程中解救出来，相信看完这篇文章你就会发现使用gulp自动化流程带来的魅力。