Vue 3 + TypeScript + Vite + vite-plugin-dts + gulp 等搭建的 vue3 monorepo 组件库模板

项目结构仿 element-plus，支持按需导入、全局导入、也支持按需|全局导入 scss/css

组件测试在 play 文件夹进行实现

1. 安装依赖

pnpm i

2. 测试 play 运行

pnpm run dev

3. 打包

pnpm run build

4. npm 用户名替换

全局替换 - @zanewang --> @你的 npm 用户名

5. 打包组件库并发布

cd ./dist
<!-- 登录npm -->
npm login
<!-- 发布 -->
npm publish
<!-- 后续发布改版本 -->
cd ./packages/wdsp/packages.json
npm version patch
cd ../../dist
npm publish

6、中途遇到这种报错，忽略即可，代码内会进行路径替换

../components/icon1/style/index.ts:1:8 - error TS2307: Cannot find module '@zanewang/theme-chalk/src/icon1.scss' or its corresponding type declarations.
packages/wdsp build: 1 import "@zanewang/theme-chalk/src/icon1.scss";

7. npm 地址

https://www.npmjs.com/package/@zanewang/wdsp?activeTab=code