Nuxt 공부 (5) - 빌드 최적화(Vendor bundle)

이윤우·2022년 7월 20일
0

Nuxt

목록 보기
5/8

App 번들

App bundle은 말 그래돌 app의 묶음입니다.
이전에는 앱은 "하나의 apk 파일로 압축되어 배포된다"의 개념이었다면 app bundle은 "여러 개의 분할된 apk가 필요에 따라 구성되어 하나의 앱으로 동작한다"의 개념입니다.

출처: https://www.youtube.com/watch?v=0raqVydJmNE&feature=youtu.be

따라서 앱이 동작함에 있어 필요한 전체 구성요소들을 하나로 묶어서 배포하며, 실제 apk가 Google play를 통해 설치될 때, 전체 구성 요소 중 해당 단말에 최적화된 구성으로만 정리하여 앱이 설치됩니다.

즉, 불필요한 전체의 리소스가 제거됨에 따라 app의 용량이 감소합니다.

Vendor 번들

Nuxt.js는 생성된 vendor.bundle.js 파일 내에 모듈을 추가하여 어플리케이션 번들의 용량을 줄여줍니다. 이것은 외부 모듈을 사용할 때 정말 효율적입니다 (예를 들어 axios).

module.exports = {
  build: {
    vendor: ['axios']
  }
}

0개의 댓글