xuwoool / xbb-plus

从0到1开发一个组件库

项目说明

安装依赖，没安装过 pnpm 的，先全局安装下 pnpm

pnpm install

项目打包

npm run build

项目静态页面测试，第一次启动需要先进入play目录

npm install

npm run dev

文件说明

• build 负责打包的文件夹 gulp 编译ts， 打包样式， 打包单文件组件
• dist 就是我们最终生成的打包结果
• packages 放着我们组件的代码 monorepo
• play用来测试代码 写的组件是否ok， 调试用的
• typings 放上我们的类型声明
• .npmrc 需要增加此文件安装依赖才会正常
• tsconfig ts的配置

packages

> components存放所有组件的 最终通过index.ts 导出所有的组件
> theme-chalk做样式的 BEM  （后续控制样式）
> utils主要存放着多个模块之间的公共方法

build打包模块 gulp来控制流程的

• build目前我们实现了打包样式 、 工具方法

dist目录打包出的整体结果

• es/lib两种规范
• theme-chalk
• 最终发布的模块就是dist模块 -》 element-plus -》 xbb-plus

xbb-plus就是我们组件库的整合入口