2017-12-11 13 views
1

나는 React App을 만들었고 현재 webpack dev server를 사용하여 로컬로 호스트하고 있습니다. Windows 세션을 닫고 응용 프로그램을 계속 실행하려면이 응용 프로그램을 배포하고 Windows Server에서 서비스로 실행해야합니다.Webpack dev 서버에서 Node/IIS로

이제는 webpack dev 서버가 어떻게 작동하는지 모르겠다 ... NodeJS 프로젝트에서 일했고 "node {file}"을 실행하여 서버가 실행 중이고 "영원히"확장명으로 실행되었습니다. 서비스.

어떻게이 앱을 서비스로 실행할 수 있습니까?

내 앱을 로컬에서 호스팅하는 방법은 package.json에 따라 "npm start"를 사용하여 webpack-dev-server를 실행하는 것입니다.

package.json (단지 부분) :

"scripts": { 
"start": "webpack-dev-server --hot --open", 
"lint": "eslint src" }, 

답변

1

기본적으로 프런트 엔드 파일 (서버 측 코드가 아닌 경우)은 static 개 파일 (HTML/CSS/ IMAGES/ and so on)입니다. 따라서 ONLY STATIC FILES and ASSETS 인 경우 모든 서버에 배포 할 .can ... 나는 보통 용도 개발을위한 웹팩 DEV-SERVER를 사용하고 .. IIS에

그냥 2 일에 배포 :

1 -BE SURE to SET the default page on IIS on Index.html (via Web.Config) 

2 - BE SURE to HAVE INSTALLED IIS REWRITE MODULE (to do a redirect to index.html page) 

그것이 당신을 도와 희망을 ...

+0

webpack은 앱 자체로 "bundle.js"를 생성합니다. 이것은 나를 혼란스럽게하는 것입니다 ... 나는 "진입 점"또는 어떤 것 ... 단지 ".js"파일을 가지고 있지 않습니다. 어떻게해야합니까? – TRDrake

+0

ok .. index.html에 ..if가 있는지 확인하십시오. index.html (iis에 기본 페이지로 설정)을 배포하고 bundle.js 파일을 보내보십시오. .. + assets 폴더에 이미지가있는 경우 –

+0

그래서이 작업을 시도했지만 "index.html"파일을 실행할 때와 동일한 결과가 나타납니다. "bundle.js"를 올바르게 연결하지만 "유효하지 않거나 예기치 않은 토큰"때문에 자체 오류가 발생합니다. 내가이 사용하는 "웹팩-DEV-서버"를 실행하면 는 https://ibb.co/kj38sw https://ibb.co/dfW6eb 는 응용 프로그램이 성공적으로 실행 : 오류 메시지가에서 볼 수 있습니다. – TRDrake

0

은 노드/IIS 서버에서 정적 페이지로 파일을 제공.

+0

첫 번째 React 앱이며 webpack으로 처음입니다. "webpack"을 실행하면 결과적으로 "bundle.js"가 생성됩니다. 그 번들을 어떻게 제공 할 수 있습니까? 아니면 번들을 사용하지 않아야합니까? – TRDrake