React JS 응용 프로그램에 대한 소스 맵을 사용하지 않도록 설정하는 방법

React JS 응용 프로그램에 대한 소스 맵을 사용하지 않도록 설정하는 방법

리액트 폴더 구조는 다음과 같습니다.

create-react-app 버전을 사용하지 않았습니다.나는 그것을 사용해봤어요.GENERATE_SOURCEMAP=false.하지만 그것은 작동하지 않았다.

.map 파일은 어디서 찾을 수 있나요?그 파일들은 어떻게 삭제하나요?

빌드 폴더를 찾을 수 없습니다.아래 스크립트를 사용하려고 했지만 소스 맵을 제거할 때 작동하지 않습니다.

 "scripts": {

    "start": "react-scripts start",
   "build": "GENERATE_SOURCEMAP=false && npm run build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },

그냥 제거하다&&

"scripts": {    
    "start": "react-scripts start",
    "build": "GENERATE_SOURCEMAP=false react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }

작성해야 합니다..env루트 디렉토리에 있는 파일(와 같은 폴더)package.json설정) 및 설정GENERATE_SOURCEMAP=false외줄로

추가 설정에 대해서는, 다음의 메뉴얼을 참조해 주세요.https://facebook.github.io/create-react-app/docs/advanced-configuration

테스트한 결과, 어느 것이 동작하고 있는지는, 이 코드를 유저에 추가하는 것입니다..env.production파일 또는.env파일

GENERATE_SOURCEMAP=false

솔루션 1

의 편집package.json다음과 같습니다.

• Windows:

    "scripts": {
        "start": "react-scripts start",
        "build": "set \"GENERATE_SOURCEMAP=false\" &&  react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },

• Linux:

    "scripts": {
        "start": "react-scripts start",
        "build": "GENERATE_SOURCEMAP=false react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },

---

솔루션 2(권장)

이 솔루션은 운영 체제에 의존하지 않으며 Linux와 윈도우즈 모두에서 작동합니다.파일 생성만 하면 됩니다..env프로젝트의 루트 경로에 다음 행을 추가합니다.

GENERATE_SOURCEMAP=false

Windows cmd 및 create-react-app + react-script의 경우

set를 사용하여 "YOUR"로 닫아야 합니다.TMP_ENV_VAR \"

예를 참조해 주세요.

"deploy:prod:hosting": "set \"GENERATE_SOURCEMAP=false\" && npm run build

이 답변이 도움이 되었습니다.React JS에서 환경변수를 설정하는 방법...?

난 이거면 돼.도움이 됐으면 좋겠다.

// package.json

"build": "react-scripts build",
"postbuild": "rimraf build/**/*.map"

이렇게 하면 빌드 생성 중에 지도 파일이 자동으로 삭제됩니다.

이젝트된 create-react-app v2.1.3용 솔루션.

/config/webpack.config.js 디렉토리로 이동하여 다음 행을 변경합니다.

const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';

수신인:

const shouldUseSourceMap = false;

그리고 밥은 너의 삼촌이다.

덧붙이기만 하면 된다GENERATE_SOURCEMAP=false에.env

이것을 소포에 넣으세요.json

   "build": "cross-env GENERATE_SOURCEMAP=false react-scripts build",

Windows 및 Linux에서 작동합니다.

오랜 투쟁 끝에 아무 일도 일어나지 않았다.마지막으로 sourcemap을 변경하는 것이 효과적입니다.nodemodules/react-script/config in webpack.config.prod.js in webpack.prod.js in node modules/config in react-script/config도 마찬가지입니다.

언급URL : https://stackoverflow.com/questions/51984146/how-to-disable-source-maps-for-react-js-application