开发 · 工具链
Vite插件开发
Vite的插件系统基于Rollup的插件接口扩展而来,但增加了HMR和Dev Server的能力。理解transform、load、configureServer三个核心钩子,就能构建出大多数常用插件。
Vite最巧妙的设计是把Dev和Build统一在同一个插件系统下。开发时用esbuild做即时转换,构建时用Rollup做打包——插件只需要写一次,两个阶段自动适配。
开发Vite插件的关键是理解“虚拟模块”的概念。通过虚拟模块,你可以在代码中import一个不存在的文件,由插件在运行时生成内容。这是实现自动导入、 Mock数据、代码生成的核心机制。