제작 서버의 생성 - 반응 - 앱 느리게로드 중

Question

Google에서이 질문을 검색하려고합니다.하지만 도움이되지 않습니다. 나는 create-react-app의 데모를 보았습니다. 브라우저가 예를 cache.for 사용하지 않는 경우 잘 작동 로컬 호스트 (npm start)에서 실행을, 다음 단계는 .RUN를 Nginx에 의해 localhost.then scp -r build server:/home/deploy/app/에 npm run build를 실행 한 localhost

. 그런 다음 브라우저를 열어 해당 초기화를 실행하거나 캐시를 비활성화 할 때 천천히 새로 고침하십시오. 예를 들면 다음과 같습니다. server

로드 500KB의 js 파일에는 15 초의 서버가 필요합니다.

대역폭과의 관계라고 생각합니다. 내 서버 대역폭은 1M/s입니다.하지만 확실하지 않습니다.

ps : 죄송합니다. 특정 환경을 신고하는 것을 잊어 버렸지 만 이러한 단계를 수행했습니다.

Answer 1

프로덕션 환경에서이 프로그램을 실행하는 경우 서버에 npm start이라는 웹 응용 프로그램을 실행하지 않는 것이 좋습니다.

Creating an optimized production build... 
Compiled successfully. 

File sizes after gzip: 

    48.12 KB build/static/js/main.9fdf0e48.js 
    288 B  build/static/css/main.cacbacc7.css 

The project was built assuming it is hosted at the server root. 
To override this, specify the homepage in your package.json. 
For example, add this to build it for GitHub Pages: 

    "homepage" : "http://myname.github.io/myapp", 

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

    sudo npm install -g serve 
    serve -s build 

당신 수 중 하나 그것의 (serve -s build을하거나 파일을 봉사의 nginx 또는 아파치를 설정 단지 HTML :

훨씬 더 나은 솔루션은 다음과 같은 응답을 얻을 것이라고하는 npm run-script build을 실행하는 것입니다 , css 및 js). Github Pages를 사용하여 호스트 할 수도 있습니다.

Answer 2

빌드 단계가 누락 되었습니까?

예인 경우 npm run build 또는 yarn build을 사용해보십시오. ./build 디렉토리에 앱의 최적화 된 버전을 출력합니다. 그런 다음 nginx 또는 다른 서버 설정을 사용하여 서버에서 호스팅 할 수 있습니다. 여기 더 많은 정보는 : 당신이 할 때 official docs

npm start NPM 앱의 개발 버전를 시작합니다. 일부 디버그 코드, 오류 확인 및 실시간 새로 고침이 포함되어 있습니다.