首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Vite+Ts+monorepo从零搭建Vue3组件库
小胖霞
创建于2024-12-24
订阅专栏
使用Vite+TypeScript+monorepo从0开发vue3组件库,模仿elementplus打包上线
等 4 人订阅
共8篇文章
创建于2024-12-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vite+ts+monorepo从0搭建vue3组件库(八) vitepress+github actions部署组件库
上一节已经把组件库文档首页和button组件文档写好了,现在把它部署到github静态站点下,后续只需要继续补充其他组件的文档,按照步骤部署即可。 部署静态站点 首先新建一个组织叫dlxui,在这个组
vite+ts+monorepo从0搭建vue3组件库(七) vitepress编写组件库文档
安装 首先在根目录下新建site文件夹并执行pnpm init,安装vitepress和vue 安装完成之后,新建docs/index.md,这个是文档的首页 然后package.json中新增命令:
vite+ts+monorepo从0搭建vue3组件库(六):发布组件库到npm
需要发布的包就是打包之后的产物:dlx-ui。 在dlx-ui下执行pnpm init,生成package.json 然后在打包目录下执行pnpm publish,发布组件库,如果未登录先执行npm
vite+ts+monorepo从0搭建vue3组件库(五):vite打包组件库
打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue 在components下新建vite.config.ts。我们需要让
vite+ts+monorepo从0搭建vue3组件库(四):button组件开发
组件属性 button组件接收以下属性 type 类型 size 尺寸 plain 朴素按钮 round 圆角按钮 circle 圆形按钮 loading 加载 disabled禁用 text 文字
vite+ts+monorepo从0搭建vue3组件库(三):开发一个组件
1.在packages下新建components和utils文件夹,分别执行pnpm init,并将他们的包名改为@dlx-ui/components和@dlx-ui/utils,目录结构如下: 组件
vite+ts+monorepo从0搭建vue3组件库(二):项目搭建
安装依赖 在根目录下安装vue和ts 和 less pnpm的-w 表示在根目录下安装 初始化ts 跟目录执行 npx tsc --init,生成tsconfig.json,对其做一个更改如下: 搭建
vite+ts+monorepo从0搭建vue3组件库(一):monorpo项目搭建
1.创建文件夹之后,执行pnpm init 2.创建packages,在packages下创建a包和b包 3.在a和b分别执行pnpm init b包内容: 4.在b包引入a包 此时会报错:原因: 请