Fall in IT.

npm script 등록 방법 본문

프레임워크/Angular Framework

npm script 등록 방법

D.Y 2018. 2. 10. 18:30


안녕하세요.


오늘은 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

모두 즐거운 코딩하세요~




Comments