记录如何造一个vite插件

Posted meetqy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记录如何造一个vite插件相关的知识,希望对你有一定的参考价值。

在此之前,先做个定位,这不是一篇纯粹的技术性文章,可以把它理解成一个叙述文章,记录我开发插件的过程。

开始前简单的吹个牛

vue2 也写了很多年了,多人合作始终避不开用到别人的组件。关键是有些组件没有文档看起来是真的费劲。props还可以直接通过组件看出来,emit,ref,slot代码一多看起来就比较费劲了。也想过一些解决方案,比如每个组件写一个 readme。这就有一个问题,时间太紧了,谁来给你写 readme 哦,开玩笑。

所以如果有一个能够自动解析 vue 组件的东西就好了。在网上搜索了一下,vue 自动生成文档,还真的有这么个东西vuese,基本满足要求,但是有几点不是很满意。

  • 不支持 vue3
  • 每次生成文档需要 run 一下命令,当然也可以用 nodemon 监听。但就是觉得有点 low
  • ui 不是很好看(这个有点鸡蛋挑骨头,也是后面开始自己造 vite 插件的原因)
总体来说 vuese 是一个很好的项目,我的插件里面很多的思路都是参考(其实就是抄

以上是关于记录如何造一个vite插件的主要内容,如果未能解决你的问题,请参考以下文章

从零搭建 Vite + React 开发环境

vite 开发 Cesium 程序最佳配置实践

vite-plugin-html 插件

vite + vue3 添加 typescript

Java技术jQuery自定义插件开发实践

Vue 2.7 + Vite项目搭建