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'
相关推荐
明远湖之鱼2 天前
手把手带你实现 Vite+React 的简易 SSR 改造【含部分原理讲解】
前端·react.js·vite
夜寒花碎2 天前
如何把项目里的webpack换成vite?
前端·vue.js·vite
战场小包3 天前
深入挖掘,Vite 如何利用 Esbuild 实现令人惊艳的秒级预构建
前端·javascript·vite
谈谈叭4 天前
代码优化——基于element-plus封装组件:表单封装
开发语言·前端·javascript·性能优化·vue3·vite·element-plus
战场小包5 天前
初探 Vite 秒级预构建实现
前端·vue.js·vite
David+Zhao5 天前
vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结
elementui·vue3·vite·elementplus·vue-cli·avue·vue2升级
用户21965946192726 天前
Vue3+Vite工程化实践:打造企业级前端开发流程
vue.js·vite
belldeep7 天前
vite:初学 p5.js demo 画圆圈
javascript·vite·ellipse·circle·p5.js
波波酱11 天前
vite配置-基础篇
vite
i建模13 天前
Electron + Vite + React + TypeScript 跨平台开发实践指南
react.js·typescript·electron·vite