vue3 vite js 分包配置代码

以下是一个基本的在 Vue 3 和 ViteJS 中使用分包的示例：

// vite.config.js
import from '@vitejs/plugin-vue';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: {
      output: {
        manualChunks: (id) => {
          if (id.includes('node_modules')) {
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        },
      },
    },
  },
});

在上面的代码中，我们使用了 `manualChunks` 选项来创建一个新的分包。我们只需要找出 `node_modules` 目录下的依赖项，并将它们放入与它们名称相对应的分包中。

为了更好地管理分包的依赖项，我们还可以在 `package.json` 文件中添加以下代码：

{
  "dependencies": {
    "lodash": "^4.17.19"
  },
  "chunkDependencies": {
    "lodash": "lodash"
  }
}

在上面代码中，我们将 `lodash` 添加到了 `dependencies` 列表中，并将其作为一个独立的分包进行管理。