npm script 등록 방법

안녕하세요.

오늘은 Angular 프로젝트에서 npm script 를 등록하고 사용하는 방법에 대해서 알아보도록 하겠습니다.

npm script 사용하기

• Angular Cli를 사용하여 프로젝트를 생성하면, 아래 명령어를 사용하여 프로젝트를 실행할 수 있습니다.

프로젝트 실행

$ npm start

테스트 코드 실행

$ npm test

등등..

이처럼 다양한 명령어를 사용하여 프로젝트를 동작시킬 수 있는 이유는 어딘가에 해당 스크립트가 등록되어 있기 때문입니다.

package.json 파일을 열어보면 "scripts" 부분에 start, build, test, lint 등 다양한 스크립트가 등록되어 있는 것을 확인할 수 있습니다.

그렇다면,

우리가 custom한 스크립트를 npm 명령어를 사용하여 실행하고 싶을땐 어떻게 해야할까요?

• run-script라는 npm의 명령어를 사용하여 실행할 수 있습니다.

custom 스크립트 등록하는 방법

1. package.json에 실행하고자 하는 스크립트를 등록합니다.
   - 필자는 nodejs 서버를 띄우고 해당 서버위에 angular 프로젝트를 올려야 하므로 아래와 같이 수정합니다.
   - start 명령어 실행 시, angular 프로젝트를 product모드로 build하고 supervisor(빌드 자동화 툴)를 사용하여 nodejs를 실행합니다.
   - dev 명령어 실행 시, angular 프로젝트를 develop모드로 단독으로 실행합니다.
   
   
   
2. 아래 명령어를 사용하여 스크립트를 실행합니다.
   - $npm run-script dev
   - $npm run-script start

모두 즐거운 코딩하세요~