오프라인에서 create-react-app
이 안되기 때문에 인터넷이 되는 환경에서 프로젝트를 생성한다.
필요한 node module을 설치한 후 프로젝트를 오프라인으로 옮겼다.
.yarnrc
생성.yarnrc
파일을 열어 작성 (./npm-packages-offline-cache
은 프로젝트 루트 경로 아래에 생기며 폴더 이름은 바뀌어도 된다. )yarn-offline-mirror "./npm-packages-offline-cache"
yarn-offline-mirror-pruning true
node_modules/
와 yarn.lock
파일을 삭제한다. yarn cache clean
을 입력하여 캐시를 삭제한다.yarn install
을 실행한다. yarn install을 실행하면 yarn.lock파일이 다시 생기는데, 5번에서 생긴 yarn.lock파일과 똑같이 생겼다. 이렇게 하면 offline chache 파일이 ./npm-packages-offline-cache 폴더 아래에 node_module들이 .tgz 형태로 생긴다.
yarn-offline-mirror-pruning
은 업데이트 된 패키지를 추가할 때 yarn cache를 먼저 확인하고 여기에 없는 dependency를 가져온다.
yarn install --offline
을 입력하여 ./npm-packages-offline-chache
폴더에서 node_module을 설치한다. 이 과정은 오프라인 환경에서 사용가능하다. 그리고 크고 무거운 node_modules
을 대신해 가볍고 빠르게 동작시킬 수 있다는 장점이 있다.
참고 : https://classic.yarnpkg.com/blog/2016/11/24/offline-mirror/, https://musma.github.io/2019/08/23/nodejs-offline-deployment.html
😃 틀린 점이나 추가해야할 부분이 있다면 댓글로 알려주세요
React에 대한 좋은글 앞으로도 많이 부탁드립니다 !