React 프로젝트를 내부망에 가져가서 사용하려면?

내부망 환경에서 일을 해야 하는 상황에 놓였습니다.

이런 일이 아니었다면 이런 포스팅을 할 일이 없었겠지요.

상황에 처해봐야 문제를 해결할 방법을 찾게 되니 말입니다.

 

가장 간단한 방법을 정리해서 올려둡니다.

pnpm을 사용하고 있다는 조건입니다.

 

 

1. 프로젝트 루트 경로에 '.npmrc' 파일을 생성합니다.

 

2. 아래의 내용을 붙여넣습니다.

# .npmrc 파일
virtual-store-dir=.pnpm
store-dir=./.pnpm-store
modules-dir=./node_modules

 

3. 외부망 환경에서 아래의 명령을 실행합니다.

pnpm install

 

4. 프로젝트 폴더를 통째로 압축합니다. ('.pnpm', '.pnpm-store', 'node_modules' 등 모든 파일과 폴더를 포함해서 압축)

 

5. 내부망으로 가져가서 압축을 풀고 아래의 명령을 실행합니다.

pnpm install -offline

 

 

여기까지입니다.

 

나중에 또 다시 찾게 될 일이 있을 것 같아 기록으로 남겨둡니다.

 

 

사실 빌드한 결과물만 반입해도 되지만

사소한 수정을 할 때마다 반입 신청을 하기에는 번거로워서

간단한 수정은 내부망 환경 안에서 처리할 수 있도록 방법을 찾아보았습니다.