Vite 设置在隐私模式下打开网页

通过 vite 命令运行时可以添加 --open 参数自动打开网页,这个功能调试时很方便,但是打开的网页和正在查看的网页都放在一起用起来还是有点麻烦,所以我希望在隐私模式中打开,这样就不会干扰正常浏览网页。

在默认浏览器中打开网页

json 复制代码
// package.json
{
  ...
  "script": {
    "dev": "vite --open",
    ...
  }
}

在隐私模式下打开网页

vite 最终是使用 open 包打开网页的,在 windows 和 macos 下,打开 chrome 的方式有点不一样,在 windows 下浏览器的名称是 chrome,在 macos 下的浏览器名称是 google chrome 。

on windows

json 复制代码
// package.json
{
  ...
  "script": {
    "dev": "crossenv BROWSER=chrome BROWSER_ARGS='--incognito' vite --open",
    ...
  }
}

on macos

json 复制代码
// package.json
{
  ...
  "script": {
    "dev": "crossenv BROWSER='google chrome' BROWSER_ARGS='--incognito' vite --open",
    ...
  }
}

应用到所有项目

如果觉得每个项目去设置参数太麻烦,可以直接修改系统环境变量

bash 复制代码
# ~/.bash_profile
export BROWSER='google chrome'
export BROWSER_ARGS='--incognito'
相关推荐
大家的林语冰1 天前
《前端周刊》尤大官宣 Vite 8 稳定版首发!npm 新官网?React 官网更新。focusgroup 新功能!
前端·javascript·vite
belldeep3 天前
nodejs:Vite + Svelte + ts 入门示例
typescript·node.js·ts·vite·svelte
发现一只大呆瓜7 天前
深入浅出 AST:解密 Vite、Babel编译的底层“黑盒”
前端·面试·vite
发现一只大呆瓜7 天前
前端模块化:CommonJS、AMD、ES Module三大规范全解析
前端·面试·vite
墨鱼笔记7 天前
前端必看:Vite.config.js 最全配置指南 + 实战案例
前端·vite
问道飞鱼7 天前
【前端知识】使用React+Vite构建企业级项目模板
前端·react.js·前端框架·vite
晓得迷路了8 天前
栗子前端技术周刊第 121 期 - Vitest 4.1、Nuxt 4.4、Next.js 16.2...
前端·javascript·vite
朱建伟9 天前
大神尤雨溪再次出手,前端工具链整合--该文章是对vite plus官方README文档进行了翻译
前端·vite
阿帕琪尔10 天前
😎vite插件: 自动打包压缩图片和转webp(二)
前端·vite
踩着两条虫10 天前
AI 驱动的 Vue3 应用开发平台 深入探究(十九):CLI与工具链之Create VTJ CLI 参考
前端·ai编程·vite