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

IT 기술백서

직접 알아내거나 검색하기 귀찮아서 모아 둔 것

JavaScript | nuxt 빌드속도 느릴때

본문

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 폴더를 삭제했다가 다시 빌드하면 된다.

댓글 0개

등록된 댓글이 없습니다.

Menu