[Nuxt] Nuxt설정에 대해 알아보자

Nuxt는 vue에서 서버사이드 렌더링을 쉽게 할 수 있도록 도와주는

프레임워크 입니다.

 

Nuxt를 사용하기 위해서는 nuxt.config.js 설정 파일을 설정해줘야한다.

 

설정파일에는 많은 변수들이 있으며 그 변수들에 대해 알아보고자 한다.

 

 

build

 이 옵션은 로더, 파일이름, 웹팩 구성 및 변환과 같은 빌드 단계에 대한 다양한 설정을 구성할 수 있다.

 

css

 css 파일, 모듈, 라이브러리를 전역으로 정의할 수 있다.

 

dev

 클라이언트와 서버 모두 사용 가능한 환경변수를 정의할 수 있다.

 

generate

 nuxt에 의해 html 파일로 변환될 애플리케이션의 모든 동적 경로에 대한 매개 변수 값을 설정 할 수 있다.

 

head

 응용 프로그램의 모든 기본 메타 태그를 정의 할 수 있다.

 

loading

 nuxt가 기본적으로 사용하는 로딩 컴포넌트를 사용자 정의 할 수 있다.

 

modules

 nuxt 모듈을 프로젝트에 추가 할 수 있다.

 

modulesDir

  nuxt 응용프로그램의 node_modules 폴더를 정의 할 수 있다.

 

plugin

 루트 vue 애플리케이션을 인스턴스화 하기전에 실행해야하는 JavaSript 플러그인을 정의 할 수 있다.

 

rootDir

 nuxt 응용 프로그램의 작업 디렉토리를 정의한다.

 

router 

 Vue Rotuer의 기본 nuxt 구성을 덮어 쓴다.

 

server

 nuxt 응용 프로그램의 서버 인스턴스에 대한 연결 변수를 구성 할 수 있다.

 

srcDir

 nuxt 응용 프로그램의 소스 디렉토리를 정의 할 수 있다.

 

dir

 nuxt 응용 프로그램의 사용자 정의 디렉토리를 정의 할 수 있다.

 

transition 

 페이지 전환의 기본 속성을 정의 할 수 있다.

 

 

 

 

Nuxt 가이드 출처

https://nuxtjs.org/guide/configuration/

Configuration