Element Plus

发布于: 6/7/2022 阅读大约需要1分钟

https://elementplus-elementplus-jdxetejqgl7.ws-us46.gitpod.io/
项目架构 : monorepo

将传统的项目结构拍平到 packages目录下,然后使用 rollup 进行打包,之后用 gulp 来调整目录结构.

packages 目录分析

先通过 pnpm-workspace.yaml查看项目工作区所包含的文件夹

packages:
  - packages/*
  - docs
  - play
  - internal/*
|- docs							// 项目文档 - 官网
|- internal					// 主要放置打包脚本
|- packages
|--- components			// 组件
|--- constants			// 常量
|--- directives			// 指令
|--- element-plus		// 🔫 主要入口
|--- hooks					// 钩子
|--- locale					// 国际化文件
|--- test-utils			// 用于测试
|--- theme-chalk		// 主题, 使用scss
|--- tokens
|--- utils					// 放置工具函数
|- play							// 用于开发使用,预览组件