React build시 소스코드 가리기

회사에서 소스코드를 빌드할 때는 보안 때문에 소스코드를 가려야 한다 ! ⭐

리액트 빌드시 소스코드를 가리는 방법은 세 가지가 있다.

1. package.json scripts > build에 GENERATE_SOURCEMAP=false 추가하기

// linux 
"build": "GENERATE_SOURCEMAP=false react-scripts build", 

// windows 
"winBuild": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build", 

// use cross-env 
"build": "cross-env GENERATE_SOURCEMAP=false react-scripts build"

2. 빌드 후 직접 삭제하기

해당 방법은 react-scripts v1.0.11 이전 버전인 경우에 사용하면 된다

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

3. .env 파일에 GENERATE_SOURCEMAP=false 추가하기

GENERATE_SOURCEMAP=false

나는 3번 방법이 제일 간단해서 이 방법을 쓰고 있다 😁

참고

• React build 시 sourcemap 제거하기

• [React] GENERATE_SOURCEMAP=false build error (feat. windows 10)

• https://stackoverflow.com/questions/57093235/generate-sourcemap-false-issue