Module

export와 import 지시자는 다양한 방식으로 활용됩니다.

 

선언부 앞에 export 붙이기 : 변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능합니다.

 

클래스나 함수를 내보낼 때 세미콜론을 붙이지 마세요. 

export function sayHi(user){
 alert(`Hello, ${user}~`};
} // 끝에 세미콜론(;)을 붙이지 않습니다

선언부와 떨어진 곳에 export 붙이기

 

import

어떤것을 구체적으로 명시하는 게 더 좋을 수 있습니다.

1. 웹팩(webpack) 같이 모던 빌드 툴들은 로딩 속도를 높이기 위해 모듈들을 한데 모으는 번들링과 최적화를 수행합니다. 이 과정에서 사용하지 않는 리소스가 삭제됩니다. 

빌드 툴은 실제 사용되는 함수가 무엇인지 파악해, 그렇지 않은 함수는 최종 번들링 결과물에 포함하지 않습니다. 이 과정에서 불필요한 코드가 제거되기 때문에 빌드 결과물의 크기가 작아집니다. 이러한 최적화 과정을 tree-shaking이라고 합니다.