package.json에서 .env 변수 사용: 단계별 가이드

Question

VueJS 프로젝트에서 일부 테스트를 실행하기 위해 Cypress를 사용하고 있습니다.

그저 원하는 브라우저로 테스트를 해보고 싶어서 아래와 같이 .env를 만들어봤습니다

으아아아

package.json 파일에 다음 명령을 작성했습니다.

으아아아

이런 명령을 입력할 수 있다는 걸 알아요

으아아아

근데 .env 파일을 만든 이유는 테스트가 완료된 후 테스트 결과를 브라우저 이름으로 저장하고 싶어서 입니다. 따라서 .env에서 브라우저를 변경할 때 npm 명령만 실행합니다.

하지만 효과가 없었어요. Cypress가 내가 원하는 브라우저를 감지할 수 없습니다. 이것저것 포함해서 여러 가지 방법을 시도해 봤습니다.

누구나 작동 방법을 알려줄 수 있나요? 매우 감사합니다.

특정 브라우저를 사용해 보았는데 테스트가 완료된 후 테스트 결과가 원하는 이름으로 저장되었는데, 이는 .env 파일의 BROWSER가 작동했다는 의미입니다.

Answer 1

전체 "브라우저" 옵션에는 두 개의 대시가 필요합니다

으아아아

또는 대시를 사용하여 단축키 "-b"를 나타냅니다.

으아아아

Answer 2

저는 cross-env

를 사용하여 이 문제를 해결했습니다.

먼저 npm i cross-env 安装 cross-env

를 사용합니다.

내 package.json에서는 이렇게 수정했어요

으아악

그럼 달려요 npm run run:env

이제 모든 것이 잘 작동하고 있습니다.

.env 파일을 삭제해도 process.env.BROWSER는 그대로 남아있습니다