vue3 vite项目使用rollup打包项目

你可以按照以下步骤使用 Rollup 打包 Vue 3 Vite 项目：

1. 首先，确保你已经安装了 Rollup 和相关的插件。可以使用以下命令进行安装：

   npm install --save-dev rollup rollup-plugin-vue@next rollup-plugin-terser

2. 在项目根目录下创建一个 `rollup.config.js` 文件。

3. 在 `rollup.config.js` 文件中，导入必要的插件和模块：

   import { defineConfig } from 'rollup';
   import vue from 'rollup-plugin-vue';
   import { terser } from 'rollup-plugin-terser';

4. 定义 Rollup 配置：

   export default defineConfig({
     input: 'src/main.js', // 入口文件路径
     output: {
       file: 'dist/bundle.js', // 输出文件路径
       format: 'iife', // 输出模块格式
       name: 'MyApp', // 全局变量名称（可选）
     },
     plugins: [
       vue(), // 处理 .vue 单文件组件
       terser(), // 压缩代码（可选）
     ],
   });

这里的 `input` 配置应该指向你项目中的入口文件，一般是 `main.js` 或者 `index.js`。`output` 配置指定了打包后的输出文件路径和格式，这里使用了立即执行函数（IIFE）格式，你可以根据需要选择其他格式。`name` 可选，它指定了全局变量名称，如果你希望在浏览器中直接引入打包后的文件，可以设置该值。

5. 在项目的 `package.json` 文件中添加一个脚本命令以运行 Rollup：

   {
     "scripts": {
       "build": "rollup -c"
     }
   }

6. 运行以下命令进行打包：

   npm run build

打包完成后，你将在 `dist` 目录下找到打包后的文件。

这样，你就可以使用 Rollup 打包 Vue 3 Vite 项目了。如果需要更详细的配置，可以参考 Rollup 和相关插件的文档。