使用插件
若要使用一个插件,需要将它添加到项目的 并在 vite.config.js
配置文件中的 plugins
数组中引入它。例如,要想为传统浏览器提供支持,可以按下面这样使用官方插件 @vitejs/plugin-legacy:
也可以接受包含多个插件作为单个元素的预设。这对于使用多个插件实现的复杂特性(如框架集成)很有用。该数组将在内部被扁平化。
:::tip 注意 Vite 旨在为常见的 Web 开发范式提供开箱即用的支持。在寻找一个 Vite 或兼容的 Rollup 插件之前,请先查看 。大量在 Rollup 项目中需要使用插件的用例在 Vite 中已经覆盖到了。 :::
查看 Plugins 章节 获取官方插件信息。社区插件列表请参见 。而对于兼容的 Rollup 插件,请查看 Vite Rollup 插件 获取一个带使用说明的兼容 Rollup 官方插件列表,若列表中没有找到,则请参阅 。
为了与某些 Rollup 插件兼容,可能需要强制执行插件的顺序,或者只在构建时使用。这应该是 Vite 插件的实现细节。可以使用 enforce
修饰符来强制插件的位置:
- 默认:在 Vite 核心插件之后调用该插件
- :在 Vite 构建插件之后调用该插件
查看 Plugins API Guide 获取细节信息,并在 兼容性列表中注意 enforce
标签和流行插件的使用说明。
阅读 插件 API 指引 文档了解如何创建插件。