React 빌드, 배포 시 주의할 점

소스맵 제거하기

---

create-react-app으로 빌드, 배포하는 경우 기본적으로 webpack에 의해 번들링 된 파일과 sourcemap이 생성된다.

sourcemap은 디버깅을 위한 파일이기 때문에 브라우저 내에서 다시 원본 소스처럼 확인할 수 있다.

개발자 도구에서 source 확인 시, 코드가 그대로 노출될 위험이 있으므로 반드시 package.json에서 아래와 같이 수정이 필요하다.

최종 배포 전에 꼭 브라우저에서 다시 확인하는 작업이 중요하다.

 

• GENERATE_SOURCEMAP=false

"build" : "GENERATE_SOURCEMAP=false react-scripts build"

 

• 또는 빌드 후 직접 삭제 (v1.0.11 보다 높은 버전이어서 사용해보지는 않았다)

"build": "react-scripts build && rm build/static/**/*.map"

---

출처

https://velog.io/@racoon/React-build-시-sourcemap-제거하기