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'
相关推荐
unfetteredman2 小时前
Error: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.32' not found
前端·javascript·vite
一枚前端小能手6 小时前
⚡ Vite开发体验还能更爽?这些配置你试过吗
前端·vite
胡gh8 小时前
聊一聊构建工具:Vite和Webpack
面试·webpack·vite
再学一点就睡1 天前
Vite 工作原理(简易版)—— 从代码看核心逻辑
前端·vite
随笔记2 天前
使用vite新搭建react项目,都需要配置什么?
前端·react.js·vite
清风不问烟雨z2 天前
不仅仅是 Mock 服务:mock-h3,让前端也能优雅拥有后端能力
前端·javascript·vite
前端赵哈哈2 天前
Vue 3 + TypeScript 项目模板
前端·vue.js·vite
HYI3 天前
小公司前端多分支测试太痛苦?我自己写了个轻量 CLI
nginx·vite
xiaohe06014 天前
👋 一起写一个基于虚拟模块的密钥管理 Rollup 插件吧(一)
vite·rollup.js
季禮祥6 天前
你的Vite应用需要@vitejs/plugin-legacy构建Legacy包吗
前端·javascript·vite