JavaScript/Vue

[Nuxt.js] 디렉토리

우롱차 2021. 3. 29. 11:30
728x90

.nuxt : 빌드 디렉토리

. nuxt 크롤러 기능 덕분에 모든 경로가 자동으로 생성됩니다.  file : .nuxtfolder는 SSR 애플리케이션을 배포하는 데 필요한 파일의 일부입니다. 정적 Nuxt.js 앱을 배포하는 데는 dist폴더를 사용하기 때문에 필요하지 않습니다 .

 

assets : css, image, font와 같은 리소스 styles

 

components : Vue.js component가 포함되어있음

페이지, 레이아웃 및 기타 구성요소로 재사용하고, import 가능

 

content : @nuxt/ content 모듈을 사용하여 애플리케이션 확장 가능

Markdown, JSON, YAML and CSV와 같은 파일을 가져오고 관리 가능

 

layouts : Nuxt.js앱의 모양과 느낌을 변경하려는 경우 도움이됌

애플리케이션 전체에 대한 레이아웃을 포함

모바일 및 데스크탑 용등 상황에 맞게 layout 생성 가능

 

middleware :  애플리케이션에서 사용될 middleware를 포함 응용 프로그램 미들웨어가 포함되어 있음.

미들웨어는 페이지 또는 레이아웃이 렌더링 되기전에 실행이 됌

middleware를 페이지나 레이아웃에 바인딩하였다면 해당 페이지나 레이아웃이 실행되기 전에 매번 실행된다.

 

module : Nuxt 프레임워크의 핵심 기능을 확장하고 통합 및 추가

 

pages : 실제 애플리케이션의 페이지 구성 

 

plugins : 애플리케이션에 바인딩 될 외부 혹은 내부 plugins를 포함

 

static : 정적인 파일, html, js파일도 포함시킬 수 있음

 

store :  store는 상태(데이터)관리를 도와주는 라이브러리인 vuex가 포함된 디렉터리

 

참고링크

kdydesign.github.io/2019/04/10/nuxtjs-tutorial/

webdoli.tistory.com/62

728x90

'JavaScript > Vue' 카테고리의 다른 글

컴포넌트 통신 Component Communication  (0) 2021.03.16
뷰 컴포넌트  (0) 2021.03.16
생성자함수  (0) 2021.03.16
v-if, v-show  (0) 2021.03.15
이벤트 @click, @change ,v-for  (0) 2021.03.15