최근에 프로젝트셋팅을 진행하면서 lodash 대신에 lodash-es를 사용하면 어떤지 리뷰를 받았다. 그래서 오늘 둘의 차이점을 보려고한다.
lodash: node.js 모듈 기반으로 내보낸 라이브러리
lodash-es: es-module 기반으로 내보낸 라이브러리
lodash는 es6 기반의 모듈이 아니여서 트리쉐이킹이 안된다는 레퍼런스를 봤다. 직접 확인해보자.
lodash 사용
cherry-picking 후
lodash-es 사용
cherry-picking 후
lodash-es는 다른 모듈들도 cherry-picking 해도 번들사이즈가 비슷했고 결과도 동일하거나 아주 근소한 차이로 비슷했기 때문에 생략한다.
결론
최적화를 위해 lodash를 cherry-picking해서 사용하거나 lodash-es를 사용하자.
끊임없이 떨어지는 물방울이 바위를 뚫는다