create-react-app을 사용하여 빌드 버전을 실행하는 방법

create-react-app을 사용하여 빌드 버전을 실행하는 방법

그래서 저는 create-react-app을 사용하여 작은 React 애플리케이션을 개발했습니다. (항상 처음부터 애플리케이션을 만들었습니다.)

그래서 좀 만족한 후에 달리기로 결심했어요.npm run build최적의 프로덕션 구축을 실현합니다.

개발 빌드 대신 프로덕션 빌드를 실행할 수 있는 방법을 알려 주시겠습니까?

달릴 때npm run build콘솔에는 다음과 같은 메시지가 표시됩니다.

The build folder is ready to be deployed.
You may serve it with a static server:

npm install -g serve
serve -s build

빌드 스크립트는 전체 앱을 빌드 폴더에 빌드하여 정적으로 서비스할 수 있도록 합니다.그러나 실제로 서비스를 제공하려면 그들이 제안하는 것과 같은 일종의 정적 파일 서버가 필요합니다.

명령어 실행 후serve -s build운영 빌드는 localhost(지정된 포트)에서 액세스할 수 있습니다.

물론 원하는 정적 파일 서버를 실행할 수 있습니다.저는 보통 express를 사용합니다만,serve하나의 명령어로 통계 파일을 처리하는 것이 가장 쉬운 옵션인 것 같습니다.

또, 「npx」를 사용해 「serve」툴을 사용할 수도 있습니다.이 경우, 글로벌하게 인스톨 할 필요는 없습니다.

npx serve -s build

먼저 앱의 디렉터리 내부를 탐색합니다.

공식 Create-React-App 웹사이트에 따르면달릴 때npm run build작성하다build응용 프로그램의 프로덕션 빌드가 포함된 디렉터리입니다.

위의 명령어를 실행한 후 앱의 빌드 버전을 확인하기 위해 할 수 있는 다음 작업은 설치할 것입니다.serve디폴트로는 포트 5000의 상태 사이트에 서비스를 제공합니다.

npm install -g serve
serve -s build

그러면 브라우저에 붙여넣을 수 있는 클립보드에 링크가 복사되고 앱의 빌드 버전이 표시됩니다.

npm install -g serve -s build 명령어를 사용합니다.

우선 실행

npm install -g serve 

serve를 글로벌하게 설치한 후 실행합니다.

serve -s build

먼저 serve 패키지를 글로벌하게 설치해야 합니다.

실을 사용하는 경우 다음 명령을 수행합니다.yarn global add serve.

npm의 경우:npm install -g serve

다음으로 다음을 실행합니다.serve -s build

언급URL : https://stackoverflow.com/questions/49208528/how-to-run-build-version-using-create-react-app