vite配置多页面入口

在Vite中配置多页面应用，通常需要在vite.config.js文件中使用pages选项来指定不同的页面入口。每个页面可以拥有自己的入口文件、模板和输出配置。

以下是一个简单的vite.config.js配置多页面的例子：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: {
      output: {
        // 确保每个入口都有唯一的名字
        entryFileNames: `assets/[name].js`,
        chunkFileNames: `assets/[name].js`,
        assetFileNames: `assets/[name].[ext]`
      }
    }
  },
  pages: {
    index: {
      entry: 'src/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    },
    admin: {
      entry: 'src/admin.js',
      template: 'public/admin.html',
      filename: 'admin.html'
    }
    // 可以添加更多页面
  }
});

在这个配置中，pages对象定义了两个页面入口：index和admin。每个页面入口指定了入口文件（entry）、模板文件（template）和输出的HTML文件名（filename）。

确保在src目录下有对应的main.js、admin.js文件，在public目录下有index.html和admin.html模板文件。这些文件需要根据实际项目结构进行相应的调整。