最近掘金上有很多人诋毁 Element Plus，然后推荐自己家的组件库，但从源码研究价值来说，还是 Element Plus 源码比较有研究价值!
首先 Element Plus 一直采用 SFC 组件，这是 Vue 官方本身推荐的使用模式，因为 template 模板模式相对于 JSX 具有编译优化的优势，也是平时大家使用比较多的模式，如果说喜欢 JSX 模式的，可以直接使用 React，因为 React 是运行时优化，而 Vue 是编译时优化，template 才能发挥出 Vue 的最大功效。其次是 Element Plus 采用的是 pnpm 的 monorepo 架构，这是最先进的 monorepo 架构。
再者在打包方面，ant-design-vue 采用的是 webpack，而 Element Plus 采用是 rollup，rollup 是现代库采用最多的打包工具，其外还涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包。
首先 Element Plus 一直采用 SFC 组件，这是 Vue 官方本身推荐的使用模式，因为 template 模板模式相对于 JSX 具有编译优化的优势，也是平时大家使用比较多的模式，如果说喜欢 JSX 模式的，可以直接使用 React，因为 React 是运行时优化，而 Vue 是编译时优化，template 才能发挥出 Vue 的最大功效。其次是 Element Plus 采用的是 pnpm 的 monorepo 架构，这是最先进的 monorepo 架构。
再者在打包方面，ant-design-vue 采用的是 webpack，而 Element Plus 采用是 rollup，rollup 是现代库采用最多的打包工具，其外还涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包。
展开
4
9