[ React ] 모듈 번들러 없이 [ import { } from 'react' ] 구문이 작동하는 이유는 뭘까?

의문점

  리액트 앱에서 모듈 번들러를 따로 설치하지 않았는데도 불구하고 [ import {   } from 'react' ] 구문이 작동하는 이유는 뭘까?

 

결론

  npx create-react-app을 이용해 생성된 앱은 webpack을 기본 모듈 번들러로 구성됩니다. 즉, npm start 등의 명령어를 통해 앱을 실행하면 webpack은 백그라운드에서 자동으로 시작되며 코드 번들링, 모듈 가져오는 등의 역할을 합니다.