본문 바로가기

엉터리 개발 이야기/angular2+

[Angular2+] lite-server 로 간단한 웹 서버 구동하기

반응형


1. Angular 프로젝트 폴더에서 lite-server를 설치합니다.

1
npm install --save-dev lite-server
cs

저는 devDependencies 에 추가 했습니다.

자세한 내용 보기

https://www.npmjs.com/package/light-server

https://github.com/johnpapa/lite-server


2. 현재 프로젝트를 빌드 합니다.(빌드 기본폴더 : dist)

1
ng build
cs

- prod 모드 ng build --prod


3. package.json script에 lite-server 시작 script 추가

1
"dev""lite-server --baseDir dist"
cs


"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"dev": "lite-server --baseDir dist",
"dev1": "ng serve --host 127.0.0.1"
},


4. script 수행

1
npm run dev
cs


5. 확인



모바일로도 구동이 가능하다고 하니 시간 날 때 한번 해봐야겠네요~


이상입니다.

반응형