2017-11-07 7 views
-1

React 웹 애플리케이션은 나에게 친숙하지 않습니다. 그러나 나는 서버에 구축하고 배포해야합니다. 에 명시된 어떤 행동을하고 npm run compile (-반응 애플리케이션을 단일 파일로 배포하는 방법은 무엇입니까?

다른 사람에 따르면, 나는

  1. 압축 전체

    서버
  2. npm install에 타르
  3. 업로드 타르 프로젝트를 반응 ... 그래서 뭔가 같이해야 webpack.config.js) - npm start

그러나 이상하게 보입니다. 우리의 자바 프로젝트 빌드 출력은 60MB이지만 프런트 엔드 소스는 거의 700MB와 같습니다.

Added some extra opinion. 
The size of the project is... 

- original node project 
- include webpack output directory 
- npm module directory and build directory 

Anyway, I can not get why do I still need the original source code? 
I already have build output file 

더 나아가, 왜 대상 서버에 npm install을해야합니까? - 그래서 (타르를 사용하는)이 반응 웹 응용 프로그램을 배포하는 좋은 방법이 아니라고 생각합니다.

배포 할 올바른 방법을 알고 싶습니다. 감사합니다.

답변

0

create-react-app에 의해 생성 된 스캐 폴딩 코드로 시작하는 저에게는 적합합니다. 그것을 사용하고 싶을 수도 있습니다 - https://github.com/facebookincubator/create-react-app

프런트 엔드가 "700"MB 인 이유는 분명하지 않습니다. 개발 시스템에

  1. 개발
    • 가져 오기 노드 설치 (결국 설치 NPM) - 단일 페이지 응용 프로그램 또는 유사한, 개발 및 배치 작업 흐름과 유사한 모습을 구축 추정.
    • npm을 사용하여 create-react-app를 설치하십시오.
    • 'create-reaction-app'명령 줄을 사용하여 만든 반응 형 앱을 가져옵니다.
    • 응용 프로그램을 제공하는 개발 서버를 시작하려면 'npm start'명령을 내리는 app-directory 내부에서.
    • 앱을 빌드하기위한 소스 코드 변경. 응용 프로그램 배포-준비
  2. 배포
    • . app 디렉토리 내부에서 'npm run build'명령을 사용하면 구성 가능한 빌드 디렉토리 (일반적으로 - 빌드)에 파일을 준비 할 수 있습니다.
    • 배포하려면 디렉토리 자체 만 압축하거나 배포하십시오. 여기에서 주목해야 할

한 가지 분명한 것은 당신이 내장 된 소스 코드를 실행하는 노드 및/또는 NPM을 필요가 없다는 것입니다. 응용 프로그램을 개발할 때 필요합니다. 이유는 주로 빌드 프로세스가 필요한 모든 JS 및 패키지의 번들을 응용 프로그램과 함께 생성하기 때문입니다. 또한 배포하는 동안 웹 팩 등의 모든 것에 대해 걱정할 필요가 없습니다.

몇 참조 (의례 : 구글) - 나는 당신의 정확한 설정하지만 대부분 모르는

0

올바른 방향으로 가리 키도록 일반적인 방법은 응용 프로그램을 로컬로 구축하고 컴파일 된 파일을 서버에 푸시하는 것입니다. Webpack은 모든 것을 단일 파일로 컴파일하고 응용 프로그램과 Webpack 구성에 따라 하나의 JavaScript 파일에 저장합니다.

끝에 정적 파일을 제공 할 수있는 웹 서버 만 필요합니다. 따라서 대부분의 경우 개발 서버 인 npm start을 실행할 필요가 없습니다.