Vite多入口配置：如何生成根目录级HTML而非子文件夹格式？

完全可以实现你想要的构建输出结构，按以下步骤操作：

1. 保持你现有的项目结构：

   src
   |_index.html
   |_about.html
   |_contact.html
   |_assets
   

2. 在项目根目录创建或修改vite.config.js，配置Rollup的入口选项：

   import { defineConfig } from 'vite';
   
   export default defineConfig({
     build: {
       rollupOptions: {
         // 指定每个HTML入口文件，键名对应输出的文件名
         input: {
           index: './src/index.html',
           about: './src/about.html',
           contact: './src/contact.html'
         }
       },
       // 确保静态资源统一输出到assets目录（和你的需求匹配）
       assetsDir: 'assets'
     }
   });
   

3. 运行vite build命令完成构建，此时dist目录结构就会和你期望的一致：

   dist
   |_index.html
   |_about.html
   |_contact.html
   |_assets
   

补充说明：Vite默认对单HTML入口会直接输出到dist根目录，但多入口场景需要显式配置rollupOptions.input来指定每个入口的路径和输出文件名，这样就能避免生成dist/about/index.html这类子文件夹结构。

内容的提问来源于stack exchange，提问作者megavolkan