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'
相关推荐
发现一只大呆瓜3 天前
深入浅出 Tree Shaking:Rollup 是如何“摇”掉死代码的?
前端·性能优化·vite
发现一只大呆瓜3 天前
深度起底 Vite:从打包流程到插件钩子执行时序的全链路解析
前端·vite
发现一只大呆瓜4 天前
深度解密 Rollup 插件开发:核心钩子函数全生命周期图鉴
前端·vite
发现一只大呆瓜4 天前
深度解析 Rollup 配置与 Vite 生产构建流程
前端·vite
小兵阿飞4 天前
Vite 技术介绍:实现原理、应用与优化
前端·vite
米丘5 天前
Vite 开发服务器启动时,如何将 client 注入 HTML?
javascript·node.js·vite
米丘5 天前
vite 插件 @vitejs/plugin-vue
javascript·node.js·vite
杨艺韬7 天前
vite内核解析-第2章 架构总览
前端·vite
xiaotao1318 天前
Vite 完全学习指南
前端·vite·前端打包
xiaotao13110 天前
第二十一章:CI/CD 最佳实践
前端·ci/cd·vite·前端打包