Production에서 소스맵(Source Map) 사용 방법

1.컴파일시 --source-map 옵션 추가.

 

2.배포후에 소스맵 파일 적용하는 방식 4가지 가 있음.

1. 배포파일과 맵파일을 같은 위치 두는 방법
2. 배포파일만 배포하고 맵파일은 다른 위치체 두는 방법
3. 배포파일만 배포하고 맵파일은 다른 사이트에 위치하는 방법
4. 맵파일을 로컬에 둔 후 적용하는 방법.

---

 

1.배포파일과 맵파일을 같은 위치 두는 방법

  이것은 바로 테스트가 가능하지만 보안에 문제가 됨.

 

2.배포파일만 배포하고 맵파일은 다른 위치체 두는 방법

  바로 디버깅이 가능하진 않지만 소스맵 추가하기로 하면 디버깅 가능.(map파일의 full path를 줘야 함. 예 https://www.test.com/map/test.js.map)

 

3.배포파일만 배포하고 맵파일은 다른 사이트에 위치하는 방법

  2번과 마찬가지로 가능

 

4.맵파일을 로컬에 둔 후 적용하는 방법.

  이것도 2번과 마찬가지로 가능(file:///c:/test/map/test.js.map, \대신 /를 사용해야 하고 시작할때 /를 3개를 사용.)