웹팩은 코드를 묶어서 임포트를 덜 할 수 있게 해준다. 최적화해서 적은 코드를 다운받게 해준다. 빌드 단계를 쉽게 추가할 수 있다. ts-loader, typescript, webpack, webpack-cli, webpack-dev-server 를 설치하자. webpack-cli 는 webpack 명령어를 사용하기 위해. webpack-dev-server는 개발 서버 내에서 빌드하기 위해, 변경사항이 있을 때 재컴파일한다. ts-loader은 webpack에게 어떻게 코드를 js로 변환할지 전달, tsconfig를 확인. tsconfig "rootDir" 설정이 이제 필요가 없다. 웹팩이 루트 파일 위치를 설정할 것이다. 웹팩에서는 .js 등 확장자가 필요가 없다, 설정에 따라 확장자를 찾을 것이기 때문. webpack.config.js webpack 명령어를 입력하면 dist 폴더에 bundle.js 파일이 빌드된 것을 확인할 수 있다.