[Eclipse]Springboot+Vue.js vue build하기

 

※학습 중 알게된 내용을 기록하고 있습니다. 틀린 부분이 있을 수 있습니다. 잘못된 부분은 댓글로 알려주시면 감사하겠습니다.

 

본 게시글에서 하고자 하는 작업

아래 이미지의 vue/publice의 index.html , main.html 파일을 

src/main/resource/tempaltes/로 build 및 새로고침하여 확인

 

사전 진행사항

 

• 이클립스 내에 springboot프로젝트 생성

https://myprograming.tistory.com/entry/EclipseSpringboot-project%EC%83%9D%EC%84%B1%EC%9C%88%EB%8F%84%EC%9A%B0

[Eclipse]Springboot project생성(윈도우)

• 위에서 생성된 springboot프로젝트 내에 vue.js 환경설정완료

 

---

 

• 작업 전의 폴더 구조,상태

 

 

 

1. 위의 이미지에서 vue폴더 내의 vue.config.js를 열고 , 아래와 같이 수정한다.

수정해야 하는 부분은 outputDir로서 build시에 어디로 할건지 경로를 지정해주는,
어찌보면 당연한 부분이다.

 

 

 

2. 터미널을 열고 아래와 같이 해당 프로젝트/vue 폴더로 이동한다.

 

 

 

3. npm run build입력

 

 

 

 

4. 새로고침 하여 제대로 build되었는지 확인