Next.js 8, Webpack 메모리 사용량 획기적으로 줄이다!

Next.js 8 릴리즈에서 빌드 시간 메모리 사용량을 대폭 감소시킴

Webpack의 동시 실행 제한을 통해 메모리 할당량 감소를 달성함

CachedSource 제거 및 output.futureEmitAssets 옵션 도입으로 메모리 사용량 99% 절감

Webpack 빌드 메모리 사용량 최적화

Next.js 8은 Webpack을 사용하여 빌드 시 메모리 사용량을 줄였다. 구체적으로, asyncLib.forEachLimit을 사용하여 동시 실행 수를 제한함으로써 메모리 할당량을 줄였다. 따라서, 대규모 페이지를 가진 프로젝트의 빌드 속도와 안정성을 향상시켰다.

CachedSource의 문제점과 해결

CachedSource는 source() 호출 결과를 캐싱하여 메모리 사용량을 증가시키는 원인이었다. output.futureEmitAssets 옵션을 통해 캐싱을 비활성화하여 메모리 사용량 99% 감소를 달성했다. 반면, 이로 인해 빌드 과정에서 파일 생성 방식에 변화가 생겼다.

Next.js 8의 Webpack 최적화 효과

Next.js 8은 Webpack의 메모리 사용량 최적화를 통해 빌드 시간을 단축하고, 개발자 경험을 개선했다. 결과적으로, 대규모 프로젝트에서도 안정적인 빌드가 가능해졌다. 따라서, Next.js 사용자뿐만 아니라 Webpack 사용자 모두에게 긍정적인 영향을 미친다.