tree shaking과 import cost

tree shaking

• Tree shaking은 사용되지 않는 코드를 제거 하기 위해 Javascript 컨텍스트에서 일반적으로 사용되는 용어입니다

예시

• lodash 라이브러리 사용 시 전체 import가 아닌 특정 메소드 디렉토리에서 import 해야 빌드 시 용량이 줄어든다

// bad
import lodash from "lodash";

// good
import isEmpty from "lodash/isEmpty";

추천 vscode extension

• import cost

참고

• https://webpack.kr/guides/tree-shaking/
• https://yceffort.kr/2021/08/javascript-tree-shaking