# sourcemap

bysuk01

로컬에서는 잘 보이던 화면이 배포 환경에서 안보인다. 이렇게 당황스러울 수가 없다.

hi_young

source map 경로 error

seeker1207

보통 페이지를 표시하기위한 JS 코드와 css 같은 파일들은 webpck과 같은 도구를 이용해 번들링 되어 난독화되고 압축됩니다. 보다 서버에서 빠르게 전달되고 보안성을 높이기 위해서 이러한 난독화와 압축이 사용되는데 이럴경우 페이지에서 에러가 발생할 시 디버깅하기가

doodream

TypeScript 란?

kyusung

Sentry 이슈를 쉽게 디버깅하기 위해서는 소스맵을 사용해야 합니다.소스맵에 대한 설명은 subicura님의 크롬 개발자 도구를 이용한 자바스크립트 디버깅 글에 자세히 설명되어 있습니다.프로젝트 빌드시 소스맵을 생성 환경을 구성하면, 산출된 .js파일에 소스맵파일과

racoon

왜 제거해야 하나요? create-react-app으로 React 프로젝트를 빌드하여 배포하는 경우, 기본적으로 webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성됩니다. 다음은 결과 예시이며, .css.map과 .js.map 파일이 sourcemap입니다. sourcemap은 간단히 말하면, 디버깅을 위한 파일입니다....

sonaky47

영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.