vite配置开发环境自动打开浏览器
vite配置server.open开启后,会在运行dev成功时默认打开指定页面,此时会使用电脑的默认浏览器进行打开。但是,如果开发浏览器不是默认浏览器时就需要进行配置。
查询vite的官方文档,这个功能是引用open的这个库。这个库是支持指定浏览器打开页面。但是vite的文档对这个设置的描述比较简单,原文如下:
若你想指定喜欢的浏览器打开服务器,你可以设置环境变量 process.env.BROWSER
(例如:firefox
)。
原来设置环境变量就可以了,那么在vite上如何设置环境变量?搜索出来的是.env的设置。如果百度环境变量的设置也是出来同样的结果。经过测试,此环境变量非彼环境变量,.env的环境变量配置的是开发环境里要用到的常量,可以引用到代码里的。而此时要配置的环境变量只是需要作用于node的环境。
虽然这个解释很绕,但是简单的说,就是经过测试配置.env的文件是不行的。正确的配置方法引用是安装cross-env,然后修改dev的启动命令:cross-env BROWSER='chrome' vite
cross-env是一个设置环境变量的库,想了解的请自行百度。
经过这样配置后,就可以使用指定的浏览器自动打开网页了。整个人也感到神清气爽了。