在 Vite项目中，使用插件 @rollup/plugin-inject 注入全局 jQuery

在 Vite 项目中，要使用插件 @rollup/plugin-inject 来全局注入 jQuery，你需要按照以下步骤操作：

1. 安装 jQuery：

npm install jquery --save

2. 在 Vite 配置文件中（如 vite.config.js 或 vite.config.ts），引入 @rollup/plugin-inject 插件并配置它来注入 jQuery：

import inject from '@rollup/plugin-inject';
import { defineConfig } from 'vite';
 
export default defineConfig({
  plugins: [
    inject({
      jQuery: 'jquery',
    }),
  ],
});

3. 在你的应用代码中，你可以直接使用全局的 jQuery 变量：

// 在你的组件或模块中
console.log(jQuery().jquery); // 输出 jQuery 的版本号，证明 jQuery 被正确注入

请注意，@rollup/plugin-inject 是一个 Rollup 插件，但 Vite 底层构建系统是基于 Rollup 的。因此，这个插件也可以在 Vite 项目中使用。

这个例子展示了如何在 Vite 项目中简单地使用 @rollup/plugin-inject 来全局注入 jQuery。实际上，Vite 推荐使用 import 语句在需要的地方导入库，而不是全局注入，以获得更好的 Tree-shaking 和依赖管理。如果你只是为了学习目的或者项目历史原因需要全局注入，上述配置应该可以满足需求。