Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- const 단언문
- vue.js
- 폰트적용하기
- 성능최적화
- 공통컴포넌트
- 티스토리꾸미기
- TSDoc
- 누구나 자료구조와 알고리즘
- click and drag
- 2022
- 레이아웃쪼개기
- Chart.js
- utilty type
- returnType
- javascript
- 제네릭
- NonNullable
- 개발콘텐츠
- 타입스크립트
- React.js
- 타입좁히기
- 반복줄이기
- 리액트
- typescript
- react
- 커스텀
- CSS
- JS console
- React Native
- reactjs
Archives
- Today
- Total
몽땅뚝딱 개발자
[Vue.js] Vue 프로젝트 빌드 후 웹서버로 실행하기 본문
프로젝트를 GCP 서버에 배포하기 전에 로컬단위에서 돌아가는지 테스트해보았다.
npm에서 제공하는 serve 패키지를 사용한다.
◽ serve 패키지 설치하기
npm install serve
◽ 실행하기
npm run build 명령어를 실행하면, 따로 output 폴더를 지정하지않는 이상 dist 폴더에 빌드결과물이 생성된다.
나의 경우 따로 빌드 경로를 지정했었기 때문에 다른 폴더였다.
아래 명령어를 실행하면 웹 서버에서 확인할 수 있다.
serve -s 폴더이름
ex) serve -s dist
참고 및 출처
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > Vue.js' 카테고리의 다른 글
[Vue.js] v-model로 한글입력값 binding 시 타이밍 맞추기 (0) | 2021.11.11 |
---|---|
[Vue.js] Vue의 라이프사이클 (0) | 2021.11.09 |
[Vue.js/라이브러리] lodash 사용해보기(4) - Collection (0) | 2021.07.24 |
[Vue.js/라이브러리] lodash 사용해보기(3) - Array (0) | 2021.07.22 |
[Vue.js/라이브러리] lodash 사용해보기(2) - Array (0) | 2021.07.21 |
Comments