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'
相关推荐
用户47949283569151 天前
Vite 中 SVG 404 的幕后黑手:你真的懂静态资源处理吗?
前端·vite
草木红2 天前
vite 安装 vue3 和 tailwindcss
vue3·vite·tailwindcss
weixin79893765432...3 天前
Electron + React + Vite 实践
react.js·electron·vite
weixin79893765432...5 天前
Electron + Vue 3 + Vite 实践
vue.js·electron·vite
AAA阿giao7 天前
使用 Vite + Vue 3 搭建项目并配置路由的全流程(含国内镜像加速)
vue.js·node.js·vite
笨笨狗吞噬者7 天前
【uniapp】小程序实现自由控制组件JSON文件配置
vue.js·微信小程序·vite
特级业务专家9 天前
续集:Vite 字体插件重构之路 —— 从“能用”到“生产级稳定”
javascript·vue.js·vite
特级业务专家11 天前
把 16MB 中文字体压到 400KB:我写了一个 Vite 字体子集插件
javascript·vue.js·vite
isyuah14 天前
vite-plugin-openapi-ts CLI 使用指南
前端·vite
用户740546399430918 天前
Vite 库模式输出 ESM 格式时的依赖处理方案
前端·vite