[TIL] 트리쉐이킹 (tree-shaking)

자바스크립트*타입스크립트에서 사용하지 않는 코드를 삭제하는 방식이다. 나무를 흔들면 죽은 나뭇잎이 떨어지는 모습을 보고 이름을 따왔다고 한다. ES6 이후의 최신 애플리케이션 개발 환경에서는 웹팩(Webpack), 롤업(Rollup)과 같은 모듈 번들러를 사용한다. 이러한 도구로 번들링 작업을 수행할 때 사용하지 않는 코드는 자동으로 삭제된다. CommonJs 모듈은 트리쉐이킹을 지원하지 않지만 ES6 이후에는 파일 내 특정 모듈만 임포트하면 해당 모듈을 사용하지 않는 파일 코드는 삭제되어 더 작은 크기의 번들링 파일을 생성할 수 있게 되었다.