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 가 브라우저에 뜬다.

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