Webpack option - Devtool

이 옵션은 소스 맵이 생성되는지 여부와 생성 방법을 제어한다.

 

소스 맵이 뭐지?

소스 맵은 원본 소스와 난독화된 소스를 맵핑해주는 방법 중 하나이다.

*.map 파일을 통해 제공되고, json 형태로 되어있다.

난독화된 파일을 통해서는 어떤 부분에서 오류가 났는지 알기 힘들다.

소스 맵을 통하면 원본 파일의 어떠한 부분에서 오류가 났는지 볼 수 있다. 디버깅 또한 가능하다.

 

배포용은 수정하면서 작업하는게 아니기 때문에 빌드 시간, 로그, 디버깅보다 용량이 중요하다.

개발용은 수정이 빈번하고 디버깅을 해야하기 때문에 용량보다는 빌드 시간, 로그, 디버깅이 중요하다.

상황에 맞춰서 devtool을 선택하면 될 것같다.

https://webpack.js.org/configuration/devtool/#devtool