安装使用步骤 📔

• Install：

/**
 ‌Vite插件的configResolved钩子用于获取最终的配置对象，但并不直接修改配置。‌

 在Vite插件中，configResolved钩子是一个生命周期钩子，用于在Vite配置文件解析完成后调用。它允许插件访问最终的配置对象，但不允许直接修改配置。插件可以通过configResolved钩子来读取配置，并根据需要执行某些操作，但修改配置需要在其他钩子中完成，例如resolveConfig钩子可以在配置文件解析过程中修改配置‌
 1
 。

 Vite插件的生命周期钩子及其用途
 Vite插件包含多个生命周期钩子，每个钩子在不同的阶段执行不同的任务：

 resolveConfig‌：在配置文件解析过程中调用，可以修改配置。
 config‌：在配置文件解析完成后调用，返回最终的配置对象，但不修改配置。
 configureServer‌：在开发服务器启动时调用。
 configureDocs‌：配置文档生成器。
 loadConfigurationFile‌：读取并返回配置文件。
 transformIndexHtml‌：转换index.html文件。
 transform‌：转换代码。
 handleHotUpdate‌：处理模块热更新。
 closeBundle‌：打包结束时调用‌
 2
 。
 修改配置的方法和位置
 要在Vite中修改配置，应在resolveConfig钩子中进行，而不是在configResolved钩子中
 在 Vite 插件中多数情况下我们只需要关注 Vite 独有的几个钩子函数：

 config： 返回一个被合并到现在的配置一个对象
 configResolved：获取最终的一个配置对象
 configureServer：用于配置开发服务器的钩子，用于监听文件系统，搭建websocket通讯
 configurePreviewServer：与 configureServer 类似，但是会在内部中间件注入后调用
 transformIndexHtml：转换 index.html 的专用钩子
 handleHotUpdate：执行自定义 HMR 更新处理

 假设你需要引入一个虚拟模块，可以用 rollup 的通用钩子来实现：

 resolveId
 load

 作者：清欢人间
 链接：https://juejin.cn/post/7436640445948198953
 **/