오프라인에서 React 환경 만들기

hayeon!·2021년 1월 20일
5
post-custom-banner

🔎

오프라인에서 create-react-app이 안되기 때문에 인터넷이 되는 환경에서 프로젝트를 생성한다.
필요한 node module을 설치한 후 프로젝트를 오프라인으로 옮겼다.


📌온라인 환경에서 해야할 일

  1. create-reat-app을 이용하여 프로젝트 생성
  2. 필요한 node-module 설치
  3. 프로젝트 루트 경로에서 .yarnrc생성
  4. .yarnrc 파일을 열어 작성 (./npm-packages-offline-cache은 프로젝트 루트 경로 아래에 생기며 폴더 이름은 바뀌어도 된다. )
yarn-offline-mirror "./npm-packages-offline-cache"
yarn-offline-mirror-pruning true
  1. node_modules/yarn.lock파일을 삭제한다.
  2. 터미널에서 yarn cache clean을 입력하여 캐시를 삭제한다.
  3. 터미널에서 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를 가져온다.


📌오프라인 환경에서 해야할 일

  1. 프로젝트를 오프라인으로 옮긴다.
  2. 터미널에 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

😃 틀린 점이나 추가해야할 부분이 있다면 댓글로 알려주세요

profile
기억하려고 만든 블로그
post-custom-banner

1개의 댓글

comment-user-thumbnail
2021년 1월 26일

React에 대한 좋은글 앞으로도 많이 부탁드립니다 !

답글 달기