vite配置開(kāi)發(fā)環(huán)境自動(dòng)打開(kāi)瀏覽器
????vite配置server.open開(kāi)啟后,會(huì)在運(yùn)行dev成功時(shí)默認(rèn)打開(kāi)指定頁(yè)面,此時(shí)會(huì)使用電腦的默認(rèn)瀏覽器進(jìn)行打開(kāi)。但是,如果開(kāi)發(fā)瀏覽器不是默認(rèn)瀏覽器時(shí)就需要進(jìn)行配置。
????查詢vite的官方文檔,這個(gè)功能是引用open的這個(gè)庫(kù)。這個(gè)庫(kù)是支持指定瀏覽器打開(kāi)頁(yè)面。但是vite的文檔對(duì)這個(gè)設(shè)置的描述比較簡(jiǎn)單,原文如下:
若你想指定喜歡的瀏覽器打開(kāi)服務(wù)器,你可以設(shè)置環(huán)境變量?process.env.BROWSER
(例如:firefox
)。
原來(lái)設(shè)置環(huán)境變量就可以了,那么在vite上如何設(shè)置環(huán)境變量?搜索出來(lái)的是.env的設(shè)置。如果百度環(huán)境變量的設(shè)置也是出來(lái)同樣的結(jié)果。經(jīng)過(guò)測(cè)試,此環(huán)境變量非彼環(huán)境變量,.env的環(huán)境變量配置的是開(kāi)發(fā)環(huán)境里要用到的常量,可以引用到代碼里的。而此時(shí)要配置的環(huán)境變量只是需要作用于node的環(huán)境。
雖然這個(gè)解釋很繞,但是簡(jiǎn)單的說(shuō),就是經(jīng)過(guò)測(cè)試配置.env的文件是不行的。正確的配置方法引用是安裝cross-env,然后修改dev的啟動(dòng)命令:cross-env BROWSER='chrome' vite
cross-env是一個(gè)設(shè)置環(huán)境變量的庫(kù),想了解的請(qǐng)自行百度。
經(jīng)過(guò)這樣配置后,就可以使用指定的瀏覽器自動(dòng)打開(kāi)網(wǎng)頁(yè)了。整個(gè)人也感到神清氣爽了。