[quasar] quasar config란?

Quasar는 Vue 프레임워크이다.
빠르게 spa, ssr, pwa 프로젝트를 만들 수 있고
구글의 material design으로 ui프레임워크를 사용하고 있기 때문에 반응형 지원이 매우 뛰어나다.
프레임워크는 몇 가지 룰과 체계를 갖고 있어서 편리한 코딩을 도와주는데 quasar의 환경설정과도 같은 부분을 quasar config에서 처리하고 있다.
마치 같은 Vue 프레임워크인 Nuxt의 nuxt.config 같다고 보면 된다.

quasar.config의 구조

- Quasar 프레임워크가 제공하는 컴포넌트와 지시자, 플러그인을 불러올 수 있다
- 기본적인 Quasar 언어팩을 제공한다
- 아이콘 라이브러리를 불러올 수 있다
- 기본적인 Quasar 컴포넌트에 적용할 Quasar 아이콘세트를 설정 할 수 있다
- 개발서버 포트번호 설정, HTTPS 모드 설정, hostname 설정
- 사용하고자하는 CSS 애니메이션 설정
- boot file 설정 (순서도 설정 가능) -> 앱이 root 컴포넌트에 마운트되기 전, init됐을때 전역으로 주입할 css, stylus, js 등의 파일
- PWA를 위한 manifest과 워크박스 옵션 설정
- Electron Packager 또는 Electron Builder
- IE11+ 지원
- 확장된 Webpack 설정