css | nuxt 빌드 용량 확인하기
페이지 정보
- 작성자:
- 핵탐
- 작성일
- 10.21 11:45
- 조회
- 4,060
- 댓글
- 0
본문
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 가 브라우저에 뜬다.
용량확인을 통해 최적화를 한다.
댓글 0개
등록된 댓글이 없습니다.