management/vite.config.js

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import { readdirSync, existsSync, mkdirSync, writeFileSync } from 'fs'

function setupMultiPage() {
  const pagesDir = './pages'
  const viewsDir = './src/views/admin'

  if (!existsSync(pagesDir)) {
    mkdirSync(pagesDir)
  }

  const vueFiles = readdirSync(viewsDir).filter(file => file.endsWith('.vue'))
  const input = {}

  vueFiles.forEach(file => {
    const pageName = file.replace('.vue', '')
    const htmlPath = `${pagesDir}/${pageName}.html`

    const htmlContent = `<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>${pageName}</title>
</head>
<body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
</body>
</html>`

    writeFileSync(htmlPath, htmlContent)
    input[pageName] = resolve(__dirname, htmlPath)
  })

  return input
}

export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: {
      input: {
        // 添加 index.html 作为默认页面
        index: resolve(__dirname, 'index.html'),
        ...setupMultiPage()
      }
    }
  },
  preview: {
    port: 4173,
    host: true,
    // 设置默认打开的页面
    open: '/pages/landingList.html'
  }
})