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

아래와 같이 build를 했을 경우에는 문제가 없었다.

 

package.json

// package.json
"scripts": {
    "build": "react-scripts build",
  },
// or  
"scripts": {
    "build": "react-scripts build && gulp licenses",
  },

 

그런데 sourcemap 제거를 위하여 아래와 같이 GENERATE_SOURCEMAP=false 옵션을 줬더니 에러가 났다.

// package.json
"scripts": {
    "build": "GENERATE_SOURCEMAP=false react-scripts build",
  },

'GENERATE_SOURCEMAP'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! projectname@1.2.0 build: `GENERATE_SOURCEMAP=false react-scripts build && gulp licenses`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the projectname@1.2.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\DJ\AppData\Roaming\npm-cache\_logs\2021-10-21T02_09_09_815Z-debug.log

 

검색했다.

 

해결책

찾았다.

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

 

OS문제다... windows라서 문제난다고 한다.

windows에서 할때는 set으로 줘야하는듯 하다.

// 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"

 

SOURCEMAP?

소스맵이란?

[React] 소스 맵(Source Map)

gulp?

Node.js 기반의 프로세스 자동화 도구

https://haeguri.github.io/2019/03/31/introduction-gulp/

자동화 도구 Gulp 살펴보기 · Devlog