언제 'npm start'를 사용하고 언제 'ng serve'를 사용합니까?

언제 'npm start'를 사용하고 언제 'ng serve'를 사용합니까?

ng serve개발 서버를 통해 Angular 프로젝트 제공

 

npm start패키지의 "시작" 속성에 지정된 "임의" 개체를 실행합니다."scripts" 개체에 "start" 속성이 지정되지 않은 경우 node server.js를 실행합니다.

는 것 같습니다.ng serve내장된 서버를 시작하는 반면npm start노드 서버를 시작합니다.

누가 그것에 빛을 좀 비춰줄 수 있어요?

npm start사용자가 정의한 대로 실행됩니다.start의 지휘권scripts이의 제기package.json파일.

이렇게 생긴다면,

"scripts": {
  "start": "ng serve"
}

그리고나서npm start실행 예정ng serve.

CLI를 사용하는 프로젝트의 경우 일반적으로 serve를 사용합니다.다른 경우에는 npm start를 사용할 수 있습니다.자세한 설명은 다음과 같습니다.

서브

'Angular CLI 인식'인 프로젝트, 즉 Angular CLI를 사용하여 만든 프로젝트, 특히 다음을 사용합니다.

ng new app-name

CLI를 사용하여 프로젝트를 구성했다면 serve를 사용하고 싶을 것입니다.

npm 시작

이것은 Angular CLI를 인식하지 않는 프로젝트의 경우에 사용할 수 있습니다(또는 Angular CLI를 인식하는 프로젝트의 경우 단순히 'ng serve'를 실행하는 데 사용할 수 있습니다).

다른 답변에 따르면, 이는 패키지에서 npm 명령을 실행하는 npm 명령입니다.식별자가 '시작'인 json은 'ng serve'만 실행할 필요가 없습니다.패키지에 다음과 같은 것이 포함될 수 있습니다.json:

   "scripts": {
     "build:watch": "tsc -p src/ -w",
     "serve": "lite-server -c=bs-config.json",
     "start": "concurrently \"npm run build:watch\" \"npm run serve\""
     ...
   },
   "devDependencies": {
     "concurrently": "^3.2.0",
     "lite-server": "^2.2.2",

이 경우 'npm start'를 실행하면 다음 명령이 실행됩니다.

concurrently "npm run build:watch" "npm run serve"

이렇게 하면 TypeScript 컴파일러(코드 변경 사항을 감시)와 Nodelite-server(사용자 BrowserSync)를 동시에 실행할 수 있습니다.

문서에서

npm-시작:

이 명령은 패키지의 "스크립트" 개체의 "시작" 속성에 지정된 임의 명령을 실행합니다."scripts" 개체에 "start" 속성이 지정되지 않은 경우 node server.js를 실행합니다.

즉, 패키지 내부의 시작 스크립트를 호출합니다.제이손

"scripts": {
"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite --baseDir ./app --port 8001\" ",
"lite": "lite-server",
 ...
}

ng 서브:

Angular/angular-cli에 의해 생성된 Angular2 앱을 시작하기 위해 Angular/angular-cli에 의해 제공됩니다.angular-cli를 설치하면 아래에 ng.dll이 생성됩니다.C:\Users\name\AppData\Roaming\npm(윈도우즈의 경우) 및 실행"%~dp0\node.exe" "%~dp0\node_modules\angular-cli\bin\ng" %*

그래서 사용하기npm start당신은 어디에서 당신 자신의 처형을 할 수 있습니다.ng serve는 angular-cli 도에-cli ▁for에만 해당됩니다.

참고 항목: 서브를 실행하면 어떻게 됩니까?

그 이상의 것들이 있습니다.실행된 실행 파일이 다릅니다.

npm run start

node_node/.bin에 있는 프로젝트 로컬 실행 파일을 실행합니다.

ng serve

글로벌한 다른 실행 파일을 실행합니다.

즉, Angular-cli 버전 5로 생성된 Angular 프로젝트를 복제하여 설치하고 글로벌 cli 버전이 7이면 ng 빌드에 문제가 있을 수 있습니다.

가장 좋은 대답은 훌륭하고 짧고 정확하지만, 저는 제 돈을 걸고 싶습니다.

기본적으로 npm start와 ngserve는 명령어가 추가적인 작업을 수행하지 않으려는 경우 Angular 프로젝트에서 상호 교환하여 사용할 수 있습니다.이것에 대해 자세히 설명하겠습니다.

예를 들어 프록시를 패키지로 구성할 수 있습니다.json 스크립트 시작은 다음과 같이 시작합니다."start": "ng serve --proxy-config proxy.config.json",

분명히 ng serve만 사용해도 충분하지 않을 것입니다.

예는 임시 해야 할 입니다.ng serve --port 4444

일부 매개 변수는 nongserver에만 사용할 수 있고 다른 매개 변수는 npm 시작에 사용할 수 있습니다.포트 옵션은 두 가지 모두에 적용되므로 이 경우에도 취향에 따라 달라집니다.:)

다른 시스템에서 이식된 각도를 실행하려면 다음을 수행해야 합니다.ng한 다음 합니다.package.json과 같이

"scripts": {
    "ng": "ng",
    "start": "node node_modules/.bin/ng serve",
    "build": "node node_modules/.bin/ng build",
    "test": "node node_modules/.bin/ng test",
    "lint": "node node_modules/.bin/ng lint",
    "e2e": "node node_modules/.bin/ng e2e"
  }

마지막으로 평소대로 실행npm start빌드 서버를 시작하는 명령입니다.

언급URL : https://stackoverflow.com/questions/40190538/when-to-use-npm-start-and-when-to-use-ng-serve