如何在Microsoft Edge Dev隐身标签页打开SvelteKit项目的Vite本地服务器？

1. 直接在vite.config.js中配置 #

Vite的server.open选项支持传入对象，指定启动的浏览器程序及参数，刚好满足你的需求。在项目的vite.config.js中添加如下配置：

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [sveltekit()],
  server: {
    open: {
      app: {
        // Edge Dev的安装路径，Windows下注意双反斜杠转义
        name: 'C:\\Program Files (x86)\\Microsoft\\Edge Dev\\Application\\msedge.exe',
        // 传入隐身模式参数
        arguments: ['--inprivate']
      }
    }
  }
});

配置完成后，启动项目时就会自动打开Edge Dev的隐身标签页并加载你的SvelteKit项目。

2. 使用系统环境变量灵活配置 #

如果不想在配置文件中硬编码浏览器路径，可以通过系统环境变量来实现：

• 首先在系统环境变量中新增一个变量，比如EDGE_DEV_PATH，值设为Edge Dev的完整路径："C:\Program Files (x86)\Microsoft\Edge Dev\Application\msedge.exe"
• 然后修改vite.config.js，读取这个环境变量：

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [sveltekit()],
  server: {
    open: {
      app: {
        name: process.env.EDGE_DEV_PATH,
        arguments: ['--inprivate']
      }
    }
  }
});

注意：设置系统环境变量后，需要重启你的终端或IDE，确保环境变量能被正确读取。

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