create-module-app은 실제 가동 중인 모든 코드를 표시합니다.어떻게 숨기면 좋을까요?

create-module-app은 실제 가동 중인 모든 코드를 표시합니다.어떻게 숨기면 좋을까요?

크롬 소스 탭에서 모든 파일을 정확한 폴더 위치별로 볼 수 있습니다.어떻게 숨기죠?

create-react-app을 사용하지 않고 만든 이전 프로젝트에서는 문제가 되지 않았습니다.

이슈 #1632에 따르면 create-react-app에서의 동작은 올바른 것 같습니다.

개론:

이것은 예상된 것입니다..map 파일을 사용하지 않으려면 빌드 출력에서 삭제할 수 있습니다. 단, .map 파일을 찾을 수 없다는 콘솔 경고가 표시됩니다.

내 의견으로는 그들을 내버려 두는 것은 나쁠 것이 없다.사용자 컴퓨터에서 클라이언트 코드를 이미 사용할 수 있으므로 비밀은 없습니다.

또, 적절한 실가동 구축과 출력도 확보해 주세요.npm run build/yarn build서버에 전개할 필요가 있습니다.

소스 맵 생성을 완전히 디세블로 하려면 다음 명령을 사용합니다.

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

또, 다음과 같이 지정할 수도 있습니다.GENERATE_SOURCEMAP=false매개 변수 사용.env컨피규레이션파일 또는 플레인콘솔 명령어에서의 사용GENERATE_SOURCEMAP=false react-scripts build.

에서 이 변경을 실시합니다.package.json파일 작성하면 됩니다.

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

다음은 코드를 숨기는 세 가지 방법입니다.

1. 사용방법.env파일.

GENERATE_SOURCEMAP=false

2. 사용방법command선.

GENERATE_SOURCEMAP=false react-scripts build

3. 사용방법package.json

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

또는 를 사용할 수 있습니다.GENERATE_SOURCEMAP=false react-scripts buildLinux/mac에서

포장되어 있습니다.json(Windows)

"scripts": {
...
    "cleanBuild": "rimraf ./build/*",
    "build": "npm run cleanBuild && set \"GENERATE_SOURCEMAP=false\" && react-scripts build ",
...
}

프로덕션 서버에 업로드하기 전에 (js/ 및 css/ 폴더에서) 모든 .map 파일을 삭제하십시오.

윈도우 머신에서는 이것이 도움이 되었습니다.

"build": "set 'GENERATE_SOURCEMAP=false' && react-scripts build",

사용하고 있는 경우react-app-rewired아래를 시험해 보세요.

저는 다음과 같은 패키지를 사용했습니다.cross-env환경변수를 주입할 수 있습니다.

"build": "cross-env GENERATE_SOURCEMAP=false react-app-rewired build"

포장되어 있습니다.json은 다음 코드를 입력했다.

---

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

자세한 내용은 이 블로그를 참조하십시오.

매우 심플한 솔루션을 찾았습니다.

npm run build nosources-source-map

다양한 방법에 대한 자세한 내용은 다음 링크를 참조하십시오.

코드에 대한 액세스를 제거할 수 없습니다.https://obfuscator.io을 사용하여 해커 또는 코드리처에게 헤드해시를 제공할 수 있습니다.

Windows 에서는, 패키지 사용.json:

scripts: { "build": "set 'GENERATE_SOURCEMAP=false' react-scripts build" }

변수를 추가하려고 해도 맵파일이 생성됩니다.

주의할 필요가 있습니다.

the build command for windows users should be this:

 "build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"

댓글에 @Gangula가 말한 것처럼.

그렇지 않으면 지도 파일이 생성될 수 있습니다.

여기를 참조해 주세요.

아래 세 가지 방법 중 OS에 대해 걱정하고 싶지 않기 때문에 마지막 방법을 선호합니다.

1 - 지도 파일을 삭제하고 빌드 폴더를 배포합니다(전문적인 방법이 아님).

- 에서 합니다.package.json같이요.

// For the Windows OS
"build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"

// For Linux OS
"build": "GENERATE_SOURCEMAP=false react-scripts build"

- update 3 - Create or update 3 - Create or update 3 。.env 추가

GENERATE_SOURCEMAP=false

언급URL : https://stackoverflow.com/questions/51415780/create-react-app-is-showing-all-my-code-in-production-how-to-hide-it