Vue 3 + Vite 多项目多 dist 打包操作指南

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
// 定义不同项目的配置
const projects = [
  {
    projectName: 'project1',
    entryPoint: 'src/main.js',
    outputDir: 'dist/project1'
  },
  {
    projectName: 'project2',
    entryPoint: 'src/main.js',
    outputDir: 'dist/project2'
  }
  // ... 可以添加更多项目配置
]
 
// 根据不同项目配置生成多个配置对象
export default projects.map(project => {
  return defineConfig({
    plugins: [vue()],
    build: {
      rollupOptions: {
        input: {
          [project.projectName]: project.entryPoint
        }
      },
      outDir: project.outputDir,
      emptyOutDir: true // 每次构建前清空之前的输出目录
    }
  })
})

这段代码定义了一个项目数组，并使用map函数为每个项目生成一个Vite配置对象。这样做可以确保每个项目都有自己独立的入口文件、输出目录和构建配置。在实际开发中，可以根据需要添加更多的项目配置。