Vite+Ts+monorepo从零搭建Vue3组件库

上一节已经把组件库文档首页和button组件文档写好了，现在把它部署到github静态站点下，后续只需要继续补充其他组件的文档，按照步骤部署即可。 部署静态站点 首先新建一个组织叫dlxui,在这个组

安装 首先在根目录下新建site文件夹并执行pnpm init，安装vitepress和vue 安装完成之后，新建docs/index.md，这个是文档的首页 然后package.json中新增命令:

需要发布的包就是打包之后的产物：dlx-ui。 在dlx-ui下执行pnpm init,生成package.json 然后在打包目录下执行pnpm publish,发布组件库，如果未登录先执行npm

打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue 在components下新建vite.config.ts。我们需要让

组件属性 button组件接收以下属性 type 类型 size 尺寸 plain 朴素按钮 round 圆角按钮 circle 圆形按钮 loading 加载 disabled禁用 text 文字

1.在packages下新建components和utils文件夹，分别执行pnpm init,并将他们的包名改为@dlx-ui/components和@dlx-ui/utils,目录结构如下： 组件

安装依赖 在根目录下安装vue和ts 和 less pnpm的-w 表示在根目录下安装 初始化ts 跟目录执行 npx tsc --init,生成tsconfig.json,对其做一个更改如下： 搭建

1.创建文件夹之后，执行pnpm init 2.创建packages，在packages下创建a包和b包 3.在a和b分别执行pnpm init b包内容： 4.在b包引入a包 此时会报错：原因： 请