Menggunakan pembolehubah .env dalam package.json: panduan langkah demi langkah

Question

Saya menggunakan Cypress untuk menjalankan beberapa ujian pada projek VueJS saya.

Saya baru sahaja mahu menjalankan ujian dengan penyemak imbas yang saya mahu, jadi saya membuat .env seperti di bawah

BROWSER=edge

Dalam fail package.json, saya menulis arahan berikut:

"scripts":{
      "cy:run" : "cypress run --browser %BROWSER%"
}

Saya tahu saya boleh memasukkan arahan seperti ini

"cy:run" : "cypress run --browser edge"

Tetapi sebab saya mencipta fail .env ialah selepas ujian selesai, saya ingin menyimpan keputusan ujian dengan nama penyemak imbas. Jadi apabila saya menukar pelayar dalam .env saya hanya menjalankan arahan npm.

Tetapi ia tidak berjaya. Cypress tidak dapat mengesan pelayar yang saya mahu. Saya telah mencuba banyak kaedah termasuk ini.

Boleh sesiapa beritahu saya bagaimana untuk membuatnya berfungsi? Terima kasih banyak-banyak.

Saya cuba menggunakan penyemak imbas tertentu dan selepas ujian selesai, keputusan ujian telah disimpan dengan nama yang saya mahu, bermakna PENYIAYAR dalam fail .env berfungsi.

Answer 1

Pilihan "Pelayar" penuh memerlukan dua sengkang

"scripts":{
  "cy:run" : "cypress run --browser %BROWSER%"
}

Atau gunakan tanda sempang untuk mewakili pintasan "-b"

"scripts":{
  "cy:run" : "cypress run -b %BROWSER%"
}

Answer 2

Saya menyelesaikan masalah ini dengan menggunakan cross-env

Pertama, saya guna npm i cross-env 安装 cross-env

Dalam package.json saya, saya mengubah suainya seperti ini

"scripts":{
   "run:env" : "cross-env BROWSER=\"edge\" npm run cy:run"
   "cy:run" : "cross-env-shell cypress run --browser=$BROWSER"
 }

Kemudian saya berlari npm run run:env

Semuanya berfungsi dengan baik sekarang.

Walaupun saya memadamkan fail .env, process.env.BROWSER masih tersedia