nuxt 빌드 용량 확인하기 > IT 기술백서

1. 빌드 옵션에 아래와 같이 analyze 항목을 true 로 지정하여 webpack-bundle-analyzer 를 활성화한다.

[code]

build: {

  analyze: true, // 기본값으로 false 가 지정되어 있다.

}

[/code]

 

2. package.json 에 analyze 명령을 추가하자

[code]

“scripts”: {

  “analyze”: “nuxt build –analyze”,

}

[/code]

 

3. analyze 모드로 빌드해본다

[code]

$ yarn analyze

[/code]

 

4. 빌드되고 나면 아래처럼 analyzer 가 브라우저에 뜬다.

용량 nuxt

 

용량확인을 통해 최적화를 한다.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤