Vue Application Package 구조

 

나같은 경우는 보통 Vue Application Package 구조를 잡을때 아래와 같이 잡는편이다.

그리고 각 폴더 밑으로 업무레벨로 폴더구조화 한다.

 
 ─ api              # Backend API 정의 : *.js
│
 ─ config           # 빌드설정
│
 ─ public
│
 ─ router           # 라우터 설정
│
 ─ src
    │
    └ assets
    │
    └ components     # 각 Vue Component : *.vue
    │
    └ constants      # 상수값 정의 : *.json 
    │
    └ mixins
    │
    └ page           # 라우터에 정의한 Vue Component : *.vue
│
 ─ store