nuxt 빌드속도 느릴때 > IT 기술백서

nuxt 를 사용하다보면 코드가 증가할 수록 빌드 속도가 현저히 떨어질때가 있다.
build 옵션을 이용하여 속도를 높일 수 있다.
 

 
build: {
    ….
    parallel: true,
    cache: true,
    hardSource: true,
    ….
}

 
parallel 
thread-loader 를 사용한다.  thread-loader 는 워커풀을 가능하게 한다.  일정한 thread 개수를 미리 만들어두어 처리 속도를 빠르게 한다.
 
chache
캐시를 가능하게 한다.  첫번째 빌드에서는 평소와 속도가 같지만 두번째부터는 캐싱된 데이터를 사용하기 때문에 훨씬 빨라진다.
 
hardSource
캐시의 성능을 더 높이기 위해 hardSourceWebpackPlugin 을 사용한다.
 
※ 참고
ERROR  [hardsource:bb467e33] Could not freeze ./.nuxt/router.js: Cannot read property ‘hash’ of undefined       
만약 위와 같은 오류가 뜬다면 /.cache/hard-source 폴더를 삭제했다가 다시 빌드하면 된다.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤