如何通过CLI运行Vite并指定非index.html的入口文件？

Vite没有-entrypoint这个CLI选项，要在开发服务阶段使用./gallery/slider.html作为入口而非默认的index.html，可以用以下两种方法：

• 直接通过CLI命令指定入口文件
  启动开发服务时，直接将目标HTML文件路径作为参数传入：

  vite ./gallery/slider.html
  

  执行这条命令后，Vite会自动以指定的HTML文件作为服务入口，加载并处理其中的依赖资源。

• 通过Vite配置文件固定入口（可选）
  如果需要每次启动都默认使用该入口，可以在项目根目录的vite.config.js（或.ts）中添加配置，利用configureServer钩子改写默认的入口指向：

  import { defineConfig } from 'vite';
  
  export default defineConfig({
    server: {
      configureServer(server) {
        // 拦截根路径请求，重定向到目标HTML文件
        server.middlewares.use((req, res, next) => {
          if (req.url === '/' || req.url === '/index.html') {
            req.url = '/gallery/slider.html';
          }
          next();
        });
      }
    }
  });
  

  配置完成后，直接执行vite命令即可自动加载./gallery/slider.html作为入口。

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