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'
相关推荐
夕夕木各4 天前
从第一个 PR 到 Vite 官方中文文档维护者
github·vite
布兰妮甜5 天前
从 0 搭建企业级 Vue3/Vite 脚手架(规范、eslint、husky、打包、环境变量全流程)
typescript·vue3·vite·脚手架·前端工程化
HexCIer7 天前
面向未来的原子化 CSS:UnoCSS 核心架构分析与 Tailwind CSS 现状
前端·css·vite
触底反弹8 天前
🔥 保姆级教程|SSE + BFF + 跨域三件套,从零实现 ChatGPT 流式输出(附完整代码)
人工智能·node.js·vite
先吃饱再说8 天前
LLM 流式输出的“中间商”方案:BFF 层到底在做什么?
llm·vite
小林ixn9 天前
从BFF到SSE:我在Vue项目里藏了个“AI翻译官”
前端·vue.js·vite
还是大剑师兰特14 天前
Vite6 + Vue3 + TS 完整版标准配置模板
vite·大剑师·vite6配置
Linsk15 天前
前端开发:如何优雅引入polyfill
webpack·vite·rollup.js
荒诞英雄18 天前
从 17MB Vendor 大包到按需加载:Vite 多入口 Vue 组件库首屏优化实践
vue.js·vite
程序员晓琪19 天前
深入解析:从 Webpack 到 Vite,多入口多端项目的工程化迁移实战
前端·webpack·vite