Build Target

vue-cli-service-build 실행할때, —target 을 통해서 특정 타겟을 지정하여 빌드할 수 있다. 동일한 코드베이스를 사용하여 다양한 사용 가능한 빌드를 생성할 수 있다.

App

app은 빌드의 기본 대상이다.

• index.html 은 자산과 리소스 힌트와 함께 주입된다.
• vendor library 들은 캐싱을 위해 분리되어 chunk에 들어간다.
• 4kb 미만의 static asset 들은 JavaScript 안으로 들어간다.
• public 안에 들어있는 static asset들은 ouput 디렉토리로 복사된다.

Library

Vue 종속성에 대한 참고사항 lib 모드에서는 Vue가 외부화된다. 즉, Vue를 import 해도 번들은 Vue를 번들링하지 않습니다. 만약 lib이 번들로서 사용된다면, 그것은 번들을 통해서 Vue를 종속성으로서 불러오기 위함이다. 그렇지 않으면, Vue는 전역변수가 된다. 이러한 상황을피하기 위해서 —inline-vue 플래그를 build 할 때, 명령어를 사용한다. vue-cli-service build --target lib --inline-vue

libarary를 사용하기 위한 entry를 빌드 할 수 있다,

npx vue-cli-service build --target lib --name myLib [entry]

entry는 .js 이거나 .vue 일 수 있다. 만약에 특별하게 잡힌 entry가없다면 src/App.vue 를 사용하면 된다.

lib 빌드 결과물;