02 2023 档案

摘要：

前面使用了 11 篇文章分享基于 vue3 、Monorepo 的组件库工程完整四件套（组件库、文档、example、cli）的开发、构建及组件库的发布。本文属于这 11 篇文章的扩展 —— 如何发布到 GitHub 上以及如何快速利用 GitHub 发布组件库文档。这样优雅哥的《组件库框架》系列便阅读全文

posted @ 2023-02-21 16:21 程序员优雅哥（公\/同）阅读(730) 评论(0) 推荐(1) 编辑

Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布

摘要：

回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步骤：添加 TypeScript 的配置文件： tsconfig.json 添加 vite.conf 阅读全文

posted @ 2023-02-10 14:15 程序员优雅哥（公\/同）阅读(868) 评论(0) 推荐(2) 编辑

Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下

摘要：

上文创建了一堆 utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。 1 组件样式文件并导入在 src/service 目录中创建 init-scss.ts 文件，该文件导出 initScss 函数。由于 .vue 类型的组件的样式就直接写在阅读全文

posted @ 2023-02-09 16:22 程序员优雅哥（公\/同）阅读(621) 评论(0) 推荐(2) 编辑

Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上

摘要：

上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情阅读全文

posted @ 2023-02-08 16:00 程序员优雅哥（公\/同）阅读(662) 评论(0) 推荐(1) 编辑