create-react-app의 "npm run build"란 무엇입니까?

create-react-app의 "npm run build"란 무엇입니까?

npm run build 작업에 대한 설명을 찾을 수 없었습니다.

심플하고 사용하기 쉽고, 「빌드」폴더를 입수해, 뛰어난 기능을 발휘합니다.

하지만 Create-React 앱에서는 이면에서 정확히 어떤 일이 일어날까요?

빌드 툴의 사용법이 완전히 다른가요?

그렇지 않은 경우 다른 빌드 툴을 사용하고 있습니까?

개발자들은 종종 JavaScript와 CSS를 별도의 파일로 나눕니다.개별 파일을 사용하면 한 가지 작업을 수행하는 더 많은 모듈식 코드 청크를 작성하는 데 집중할 수 있습니다.파일을 관리하는 것은 매우 번거로운 작업이기 때문에 인식 부하가 감소합니다.

이면에서는 정확히 어떤 일이 벌어지나요?

애플리케이션을 운영 환경으로 이행할 때 JavaScript 또는 CSS 파일을 여러 개 보유하는 것은 이상적이지 않습니다.사용자가 사이트를 방문하면 각 파일에 추가 HTTP 요청이 필요하므로 사이트 로드 속도가 느려집니다.이를 수정하기 위해 모든 CSS 파일을 하나의 파일로 병합하고 JavaScript에서도 동일한 작업을 수행하는 앱의 "빌드"를 만들 수 있습니다.이렇게 하면 사용자가 받는 파일 수와 크기를 최소화할 수 있습니다.이 "빌드"를 작성하려면 "빌드 도구"를 사용합니다.그 때문에,npm run build.

명령어를 실행하는 것을 올바르게 언급하고 있습니다.npm run build)가 작성됩니다.build디렉토리로 이동합니다.이제 앱에 CSS 및 JS 파일이 많이 있다고 가정해 보겠습니다.

css/
  mpp.css
  design.css
  visuals.css
  ...
js/
  service.js
  validator.js
  container.js
  ...

실행 후npm run build당신의.build디렉토리는 다음과 같습니다.

build/
  static/
    css/
      main.css
    js/
      main.js

이제 앱의 파일이 거의 없습니다.앱은 그대로인데, 라고 하는 작은 패키지로 압축되어 있습니다.build.

최종 평결:빌드가 사용자에게 몇 밀리초의 로드 시간을 절약해 주는 데 그 가치가 있는지 궁금할 수도 있습니다.음, 만약 당신이 당신 자신이나 몇몇 사람들을 위한 사이트를 만들고 있다면, 당신은 이것에 대해 신경 쓸 필요가 없습니다.프로젝트의 빌드를 생성하는 것은 트래픽이 많은 사이트(또는 곧 트래픽이 많을 것으로 예상되는 사이트)에만 필요합니다.

개발만 배우거나 트래픽이 매우 적은 사이트를 만드는 경우 빌드를 생성하는 것은 시간 낭비일 수 있습니다.

여기에서는 간단하게 설명합니다.https://github.com/facebookincubator/create-react-app#npm-run-build-or-yarn-build

프로덕션 모드에서 React를 올바르게 번들하고 최고의 성능을 위해 빌드를 최적화합니다.

빌드가 최소화되고 파일 이름에 해시가 포함됩니다.

백그라운드에서 babel을 사용하여 코드를 변환하고 웹 팩을 빌드 도구로 사용하여 응용 프로그램을 번들합니다.

언급URL : https://stackoverflow.com/questions/43830866/what-is-npm-run-build-in-create-react-app