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 가 브라우저에 뜬다.
용량확인을 통해 최적화를 한다.