끄적끄적

트리쉐이킹 트리쉐이킹이란 말을 처음 들어보는 사람도 있을 것이다. 말 뜻 그대로 풀이하면 나무 흔들기.. 나무를 흔들어 죽은 나뭇잎을 떨어뜨리는 것처럼 필요없는 코드들을 제거해주어 번들파일의 크기나 번들링의 시간을 줄여주는 작업을 트리쉐이킹이라고 한다. 대체적으로 어떠한 작업들이 이루어질까? ES6 이상의 모듈 구문은 정적 구조에 의존한다. import, export... 이를 가지고 의존성을 보고 해당 소스들을 번들링 하는데 webpack4에서 sideEffects가 추가 되었고, 설정을 false로 프로퍼티를 표시하여 사용하지 않는 export는 제거해도 괜찮다는 것을 webpack에 알려줄 수 있게 되었다. 또는 아래와 같은 형식으로 제거되는 것을 방지할 수 있다. "sideEffects": ["...