yarn을 이용한 오프라인 빌드 설정

2023. 8. 3. 18:53프로그램개발/Vue

프로젝트를 하다보면 인터넷이 안되는 환경이 참 많습니다.

이럴때 빌드가 안되는 불상사가 T.T

그래서 yarn을 이용하기로 했습니다. npm이랑 사용하시는데 별반 차이는 없습니다.

$ npm run dev

$ yarn dev

이런식으로 동작시키면 됩니다.

일단 윈도우 기준으로 작성합니다. mac이나 리눅스도 동일하게 적용가능합니다.

먼저 yarn을 설치 합니다.

$ npm install yarn --global

기존 프로젝트에서  .lock 파일을 삭제 합니다.

$ del .\package.lock

그 다음

$ yarn install

이제 설치 및 기본 설정은 끝났습니다.

먼저 기존에 받아 놓았던 것들을 모두 삭제 합니다.

$ rmdir .\node_modules /S /Q
$ rmdir .\npm_packages /S /Q
$ del yarn.lock

 

.yarnrc 파일을 작성합니다.

// path : /.yarnrc

yarn-offline-mirror "./npm_packages"
yarn-offline-mirror-pruning true

package를 한번 다운로드 합니다.

 

$ yarn install

그러면 위에서 지정한 npm_packages 폴더에 뭔가 다운로드가 됩니다.

요넘들로 오프라인 설치를 하는 거죠

 offline 설치 테스트

$ yarn install --offline
$ yarn install --offline --production

배포 불용파일 삭제

$ rmdir .\node_modules /S /Q
$ del yarn.lock

이제 소스를 압축해서 들고 갑니다.

설치시에는 

$ yarn install --offline

하시면 됩니다.

 

참 쉽죠?

반응형

'프로그램개발 > Vue' 카테고리의 다른 글

el-table-v2 / cellRenderer 예제  (0) 2023.03.15
vue lifecycle  (0) 2022.06.15
vue 초기 셋팅  (0) 2022.06.15
vue에 폰트 포함하기.  (0) 2022.03.03