跳至主要內容
这些高效实用的 vite 插件你一定要知道!更新弹窗、mock数据、开发快捷键、自动导入...

前言

今天继续推荐一些超级好用的 vite 插件!

往期精彩推荐


萌萌哒草头将军大约 6 分钟前端JavaScriptVite
⚡️量大管饱,这9个 vite 插件让你的开发更简单!🚀🚀🚀

前言

我最近推荐的 vite 插件广受好评,所以今天一口气再来推荐 9 个!

往期精彩推荐


萌萌哒草头将军大约 4 分钟前端JavaScriptVite
简简单单一个vite⚡⚡插件搞定用户的另类需求——自给自足的感觉真好

文章同步在公众号:萌萌哒草头将军,欢迎关注!

需求背景

前几天我们的客户对我们组的客户经理提了个需求,每次上线前端页面需要在HTML里给定版本信息,因为我们客户单位会定期爬取版本信息进行汇总展示在大屏。

版本信息要求如下:

  • 上线日期
  • 上线内容描述
  • 对应git提交ID
  • 对应项目的版本号

调研

我立马想到使用插件,前几天我已经将项目脚手架换成vite了,我找了一圈,发现了几个相似的需求,不过都是直接生成 meta 标签,跟我的需求不符


萌萌哒草头将军大约 4 分钟前端JavaScriptVite
面对躺平同事,我开发了一个插件治好了我的精神内耗⚡⚡⚡

文章同步在公众号:萌萌哒草头将军,欢迎关注

插件已经开源了,可以看文章末尾

console狂魔能有多狂

事情是这样的,前段时间我加入了公司某个小项目组

入组第一天,我要来了项目权限,下载完代码和依赖

然后npm start,打开浏览器控制台,

我尼玛,一个登陆页面就这么多log

此刻我怀着忐忑的心情打开了自己的即将负责的模块入口页面:

这让我怎么调试啊?

image.png
image.png

萌萌哒草头将军大约 4 分钟前端JavaScriptVite