手写Element Plus UI 组件库

一、前言 这篇文章我将会详细的向你们介绍 Button 组件的设计思路和功能实现。这篇文章也是正式开始我们手写组件库的第一个组件，应该有很多人从刚开始学 Element Plus 是从 Button开

一、前言 设计一个组件库的样式最重要的就是一点就是样式的高复用性和低耦合度。在一个项目中每个组件会用大量的公共样式，为了确保组件在不同的场景、布局中的样式保持统一，减少样式干扰的可能性。 组件样式的命

一、前言 Element Plus 组件库中有非常多组件且组件之间复用性也比较高。在 Vue 组件开发过程中 props 是数据传输的核心，而 props 在组件库中有需要定义类型或者校验默认值等信息

这篇文章主要介绍打包的核心流程。搞懂这篇文章，我相信你应该对 Element Plus 打包流程有个清晰的认识了，可以去构建自己搭建的组件库了。最好按顺序来看先看完第一第二篇文章再来看这个更容易理解

一、前言 Rollup 和 Gulp 是 Element Plus 打包过程中的两个重要工具。Rollup 负责模块化打包，而 Gulp 则负责任务调度和自动化。

Element Plus 源码的打包过程比较复杂，初次看很难理解源码中部分代码的用途。阶段性手写源码难度较大。通过这篇文章，我将让你理解 Element Plus 源码中的组件打包结构

Element Plus 组件最简单入手的就是 icon 组件，所以先从 icon 组件来大概了解整个项目处理组件的基本原理，由浅入深，能让你了解到ELement Plus组件的基本实现

主要讲述了如何再项目中使用 commitlint 和在手写组件库中如何配置 commitlint 和 husky

Element Plus 使用 ESLint 和 Prettier 的配置以及 Prettier 和 EditorConfig 的使用。还介绍了（ Husky、lint-staged）和配置示例

本文介绍了 Element Plus 源码项目的目录结构及开发环境搭建，重点阐述了使用 pnpm 的 monorepo 管理模块化代码的优势和具体实现方法。涵盖了幽灵依赖问题的原理及解决方案。