create-react-app webpack 구성 및 파일은 어디에 있습니까?

create-react-app webpack 구성 및 파일은 어디에 있습니까?

---

create-react-app패키지 로 ReactJS 프로젝트를 만들고 잘 작동했지만 웹팩 파일과 구성을 찾을 수 없습니다.

react-create-app은 웹팩과 어떻게 작동합니까? 기본 설치에서 웹팩 구성 파일은 어디에 있습니까 create-react-app? 내 프로젝트 폴더에서 구성 파일을 찾을 수 없습니다.

재정의 구성 파일을 만들지 않았습니다. 다른 문서로 구성 설정을 관리 할 수 ​​있지만 기존 구성 파일을 찾고 싶습니다.

---

webpack 파일 및 구성을 찾으려면 package.json 파일로 이동하여 스크립트를 찾으십시오.

스크립트 객체가 라이브러리 반응 스크립트를 사용하고 있음을 알 수 있습니다.

이제 node_modules로 이동하여 react-scripts 폴더 react-script-in-node-modules를 찾습니다.

이 react-scripts / scripts 및 react-scripts / config 폴더에는 모든 웹팩 구성이 포함되어 있습니다.

---

로부터 문서 :

Webpack 또는 Babel과 같은 도구를 설치하거나 구성 할 필요가 없습니다. 코드에 집중할 수 있도록 미리 구성되고 숨겨져 있습니다.

구성 파일에 액세스하려면 다음 을 실행 하여 제거 해야합니다 .

npm run eject

참고 : 이것은 단방향 작업입니다. 일단 꺼내면 돌아갈 수 없습니다!

대부분의 시나리오에서 꺼내지 않고 다른 방식으로 작동하도록하는 방법을 찾는 것이 가장 좋습니다. 이렇게하면 create-react-appWebpack 종속성 지옥을 처리 할 필요없이 종속성을 업데이트 할 수 있습니다 .

---

많은 사람들이 자신의 구성을 추가하기 위해 웹팩 구성 및 파일을 찾는 것을 목표로이 페이지를 방문합니다. 실행하지 않고이를 달성하는 또 다른 방법 npm run eject은 react-app-rewired 를 사용 하는 것 입니다 . 이렇게하면 꺼내지 않고 웹팩 구성 파일을 덮어 쓸 수 있습니다.

---

에서 사용하는 Webpack 구성 create-react-app은 다음과 같습니다. https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config

---

/ config 폴더 에서 찾을 수 있습니다 .

꺼내면 다음과 같은 메시지가 나타납니다.

 Adding /config/webpack.config.dev.js to the project
 Adding /config/webpack.config.prod.js to the project

---

꺼내기를 원하지 않고 구성을보고 싶을 때 찾을 수 있습니다. /node_modules/react-scripts/config

webpack.config.dev.js. //used by `npm start`
webpack.config.prod.js //used by `npm run build`

---

다음을 실행하여 구성 파일을 꺼내십시오.

npm run eject

그러면 프로젝트에서 생성 된 구성 폴더를 찾을 수 있습니다. 웹팩 구성 파일이 초기화됩니다.

---

Webpack 구성은 react-scripts에 의해 처리됩니다 . node_modules react-scripts / config에서 모든 웹팩 구성을 찾을 수 있습니다 .

웹팩 구성을 사용자 정의하려면이 customize-webpack-config를 따를 수 있습니다.

참고 URL : https://stackoverflow.com/questions/48395804/where-is-create-react-app-webpack-config-and-files