1. Vue.js 의 구조와 빌드하기

 

Vue 디렉토리의 구조

---

 

 

 

public

• 공용으로 접근 가능한 정적 파일이 저장 된다.
• 배포버전을 빌드할 때 필요한 파일이 저장 된다.

 

src 

• 개발자가 작성한 코드가 저장 된다.
• main.js : 새로운 라이브러리를 설정할 때 해당 파일에 연결해서 사용

 

package.json

• 지정된 의존성이 node_modules에 설치 된다.

 

dist 

• 빌드한 결과물이 저장 된다. (운영 서버에 배포할 파일)
• (아직 빌드를 실행하지 않아서 위 사진에는 없다)
• -> 빌드위치를 설정하여 java/resources/static 에 결과물을 저장할 것

 

 

 

Vue.js에서 build란?

---

Vue 프로젝트를 빌드하게되면 html-css-javascript 파일로 추출된다.

Vue 프로젝트 빌드하려면 해당 Vue위치에서 npm run build