일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- argocd
- System Design
- 알림 시스템
- gitops
- golang
- Buffered channel
- GoF 디자인패턴
- go
- image resizing
- GoF
- Helm V3
- 컴포지트패턴
- 디자인패턴
- goroutine
- Infra
- Bastion Server
- tenneling
- Golines
- 대규모 시스템 설계
- Lambda@Edge
- 컴포짓패턴
- Kubernetes
- 클래스 관계
- Live Template
- notification system
- AWS
- Logrus
- UnBuffered channel
- AWS Infra
- 시스템 설계
Archives
- Today
- Total
Fall in IT.
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 스크립트 등록하는 방법
- package.json에 실행하고자 하는 스크립트를 등록합니다.
- 필자는 nodejs 서버를 띄우고 해당 서버위에 angular 프로젝트를 올려야 하므로 아래와 같이 수정합니다.
- start 명령어 실행 시, angular 프로젝트를 product모드로 build하고 supervisor(빌드 자동화 툴)를 사용하여 nodejs를 실행합니다.
- dev 명령어 실행 시, angular 프로젝트를 develop모드로 단독으로 실행합니다. - 아래 명령어를 사용하여 스크립트를 실행합니다.
- $npm run-script dev
- $npm run-script start
모두 즐거운 코딩하세요~
'프레임워크 > Angular Framework' 카테고리의 다른 글
Angular5에서 쉽게 email 유효값 검사하는 방법 (0) | 2018.02.27 |
---|---|
angular-cli로 생성한 프로젝트에 scss 사용하는 방법 (0) | 2018.02.01 |
angular5에서 slick-carousel사용법 (0) | 2018.01.11 |
Angular5를 사용하여 kakaobank사이트 만들어보기 (0) | 2018.01.07 |
Angular(ionic)에서 DOM변경사항을 반영하는 방법 (0) | 2017.12.06 |
Comments