蘑菇王

ESM Bundleless 开发，是指使用 ESM 模块化标准，不经过构建工具打包，实现直接在浏览器中运行 Web 应用。v-md 作为一款在线 markdown 编辑器...

文档是组件库的一个非常重要的能力，本文将介绍如何在 vite 生态下搭建一个具有用例展示、API 说明、演练场功能的组件库文档网站。...

文档是组件库的一个非常重要的能力，本文将介绍如何在 vite 生态下搭建一个具有用例展示、API 说明、演练场功能的组件库文档网站。...

本文是一篇介绍前端基础设施方面实践经验的文章，讲述如何通过文档工具 TypeDoc 自动为 TypeScript 项目生成文档，并与 VitePress 结合使用。...

之前给element-plus 提pr的时候，发现element-plus有一个npm run gz 用来规范和提示代码提交的信息 。那么如何实现这样一个命令行工具呢...

这篇文章是组件库设计与实现的系列文章的第一篇，主要是基于组件库开发的场景，介绍了 Vue 组件开发的基础知识与优秀实践。...

1 概述 用户界面是由一系列组件组合而成，组件将数据和交互封装在内，仅保留必要的接口与其他组件进行通信。 在前端开发中，组件就像一个一个的小积木块，我们用这些积木块拼出一个...

本文通过实操教程,教你如何从0到1搭建OpenTiny项目中TinyVue组件库的playground,...

经过上半篇的探索，我们完成了所有实现组件库的样式方案的前期准备，下半篇我们将正式开始实践样式方案的实现、集成、优化、验证，逐步完善 @openxui/styles 模块。...

我们的组件库样式方案中，除了会使用到经典的 CSS 预处理器，还会纳入一个很新的 CSS 工具——UnoCSS。样式方案需要建立在先前构建方案的基础之上，甚至还需要对已有的...

本文将介绍如何用 ffmpeg + canvas 写一个在线可视化音视频编辑工具: 如何用 canvas 实现一个视频轨道; 如何结合轨道、播放器和 ffmpeg, 实现视...

因为工作的原因，我和一些国外的工程师们有些交流。他们对于国内环境不了解，有时候会问出一些有趣的问题，大概是这些问题的启发，让我反复在思考一些更为深入的问题。 今天聊三个事情...

本章，我们为自己的组件库定制专门的打包体系。将重复部分抽取为预设、集中管理构建配置、提高自动化程度、支持复杂的构建行为...

本期我们会给自己的组件库接入全套完善的 Lint 工具链，这一期的分享对于普通项目也具有极高的参考性，任何前端项目都可以按照这样的方法实现代码风格的规范化。...

上半部分，我们通过集成构建工具 Vite 使组件库能构建出产物。下半部分，我们将要集成 TypeScript，为组件库的开发注入类型系统的支持。...

在上一章节中，我们完成了“新建文件夹”的操作，使用 pnpm 为我们的组件库搭建了 monorepo 目录结构。在本章节，我们的组件库工程会开始初成体系——加入构建工具 V...

讲述 pnpm、monorepo、包管理的前置知识以及相关技术的选型理由，并搭建出 monorepo 组件库项目的目录结构。...