Vite 插件扩展了设计出色的 Rollup 接口,带有一些 Vite 独有的配置项。因此,你只需要编写一个 Vite 插件,就可以同时为开发环境和生产环境工作。
如果插件不使用 Vite 特有的钩子,可以作为 兼容 Rollup 的插件 来实现,推荐使用 Rollup 插件名称约定。
rollup-plugin-
前缀、语义清晰的名称。rollup-plugin
和 vite-plugin
关键字。这样,插件也可以用于纯 Rollup 或基于 WMR 的项目。
对于 Vite 专属的插件:
vite-plugin-
前缀、语义清晰的名称。vite-plugin
关键字。如果你的插件只适用于特定的框架,它的名字应该遵循以下前缀格式:
vite-plugin-vue-
前缀作为 Vue 插件vite-plugin-react-
前缀作为 React 插件vite-plugin-svelte-
前缀作为 Svelte 插件Vite 对虚拟模块的规范是在路径前加上 virtual:
。如果可能的话,插件名应该作为命名空间使用,以避免与生态系统中的其他插件发生冲突。例如,vite-plugin-posts
可以让用户引入 virtual:posts
或 virtual:posts/helpers
虚拟模块,以获得构建时信息。在内部,使用虚拟模块的插件在解析模块 ID 时应以