next.js 내장 swc VS esbuild-plugin-babel-next

HumbleMincho·2024년 7월 22일
1

개요

지난 포스트에 esbuild-plugin-babel-next를 적용하여 비교랍시고 자신있게 올렸지만 결론은 제대로 공부하지 못하여 잘못된 정보를 전달하게 됐다.
아래는 해당 게시물의 댓글이다.(한음님 감사합니다)

그래서!

실제로 time yarn build 명령어로 직접 몇 차례 빌드하며 시간 비교를 해봤다.(next/bundle-analyzer로 용량 비교를 했지만 변화가 없던 것을 확인)
아래는 기본 SWC를 사용한 build 결과 이력이다.
총 세 번의 빌드로 최초엔 21초, 그 뒤엔 19초대(캐시)로 19~21초의 범위를 보였다.

아래는 esbuild-plugin-babel-next로 적용된 build 결과이력이다.


총 세 번의 빌드로 최초엔 23초, 그 뒤엔 20초대(캐시)로 20~23초의 범위를 보였다.

결론

범위 편차로 따지면 아무것도 없을 때 10%정도 차이가 있다고 보면 될 것 같다.

회고

시작부터 모든걸 세팅해버리면 아무것도 하지 못할까봐 완벽주의적 성향을 내려놓고 시작했으나 이번 일로 next.js 생태계를 좀 딥하게 알고 세팅할 필요가 있을 것 같다는 생각이 든다.

profile
javascript, typescript, react-native, react.js, next.js

0개의 댓글