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背后的技术原理🚀:为什么选择Vite作为你的前端构建工具💥
前端·vue.js·vite
不想当小卡拉米4 天前
VITE中的环境变量和模式
vite
FliPPeDround5 天前
🚀 CRXJS v2.0正式版发布:Chrome扩展开发新体验
前端·浏览器·vite
拾光拾趣录7 天前
Vite 与 Webpack 热更新原理
前端·webpack·vite
20268 天前
11. vite打包优化
前端·javascript·vite
AverageJoe19918 天前
一次vite热更新不生效问题排查
前端·debug·vite
做梦都在学习前端12 天前
发布一个monaco-editor 汉化包
前端·npm·vite
前端进阶者12 天前
vite调试node_modules下面插件
前端·vite
天天鸭12 天前
写个vite插件自动处理系统权限,降低99%重复工作
前端·javascript·vite
charlee4413 天前
nginx部署发布Vite项目
nginx·性能优化·https·部署·vite