vue vite 打包

Vue 3 中推荐使用 Vite 作为开发服务器和构建工具，因为它具有更快的构建速度和更低的内存占用。以下是使用 Vite 打包 Vue 3 应用的步骤：

1. 安装 Vite：`npm install -g vite`

2. 在项目根目录下创建一个 `build` 目录。

3. 在 `build` 目录下创建一个 `build.js` 文件，然后添加以下代码：

const { build } = require('vite');

build({
  root: `${__dirname}/../`,
  base: './',
  build: {
    outDir: './dist',
    assetsDir: './assets',
    sourcemap: false,
    minify: true,
    rollupOptions: {
      input: './src/main.js',
    },
  },
}).catch((err) => {
  console.error(err);
  process.exit(1);
});

4. 在 `package.json` 文件中添加以下脚本：

{
  "scripts": {
    "build": "node build/build.js"
  }
}

5. 运行 `npm run build` 命令即可打包应用。打包后的文件将位于 `dist` 目录下。

注意：在打包前需要确保项目中已经安装了所有依赖项，并且已经使用 `vue.config.js` 文件配置了应用的相关选项。