Offcanvas

개발자 / 애플리케이션

'뷰 CLI' 3.0 버전 공개··· "프론트엔드 설정 간소화"

2018.08.14 Paul Krill  |  InfoWorld
뷰 CLI(Vue CLI)가 3.0 버전에서 완전히 새로 만들어졌다. 뷰 CLI는 뷰 자바스크립트 프레임워크로 만들어진 애플리케이션용 표준 개발 툴 체인을 제공하며, 3.0 버전이 지난 10일 공개됐다.

Vue.js의 개발자 이반 유는 뷰 CLI 3.0 혹은 뷰 3이라고 불리는 이 버전은 이전 버전과 완전히 차별화된다고 설명했다. 개발 작업을 피곤하게 했던 프론트엔드 툴 설정 작업을 줄이고 툴 체인 내에서 베스트 프렉티스를 통합할 수 있도록 하는 데 주안점을 뒀다. 뷰 3의 주요 기능은 다음과 같다.

- 미리설정된 웹팩 기능: 핫 모듈 대체, 코드 스플리팅, 장기 캐싱 등을 포함
- ECMA스크립트와 폴리필(polyfills) 지원: 바벨 7 자바스크립트 컴파일러 등을 통해 구현
- 포스트CSS(PostCSS) 툴과 주요 CSS 프리프로세서 지원
- 자동 생성 HTML

뷰 3.0은 타입스크립트(TypeScript), ESLint 린팅 유틸리티, 모카(Mocha) 유닛 테스팅 같은 기술과 통합됐다. 프로토타이핑을 하려면, vue serve 명령을 이용하면 된다. 단일 파일 컴포넌트로 프로토타입할 수 있다. 웹 컴포넌트를 개발하려면 vue-cli-service build --target wc --name my-element src /MyComponent.vue 명령을 사용할 수 있다.

뷰 CLI의 모던 모드(Modern Mode)에서는 ECMA스크립트 모듈을 사용하는 최신 브라우저용 앱 버전은 물론, 이런 모듈을 지원하지 않는 구형 브라우저에 맞춰 개발할 수 있다. 모던 모드에서 vue-cli-service build --modern 명령을 사용하면 된다.

뷰 CLI 3은 플러그인 아키텍처와 함께 설계됐다. 플러그인은 애플리케이션 스케폴딩(scaffolding) 과정에서 종속성과 파일을 추가하고 웹팩 설정을 조정하거나 또는 추가 명령을 CLI 서비스에 포함시킬 수 있다. 내장된 것 대부분은 플러그인 API를 통해 플러그인으로 적용됐다. 타입스크립트가 이런 통합의 대표 사례다.

또한, 뷰 CLI 3을 이용하면 개발자가 리모트 프리셋을 설정해 플러그인을 공유할 수 있다. 새 프로젝트는 만들고 플러그인과 작업을 관리하는 UI도 지원한다. 이 UI에는 웹팩 대시보드가 포함돼 있다. 뷰 CLI는 NPM이나 Yarn에서 다운로드할 수 있다. 노드.js 8.0 이상 버전이 필요하다. ciokr@idg.co.kr
CIO Korea 뉴스레터 및 IT 트랜드 보고서 무료 구독하기
추천 테크라이브러리

회사명:한국IDG 제호: CIO Korea 주소 : 서울시 중구 세종대로 23, 4층 우)04512
등록번호 : 서울 아01641 등록발행일자 : 2011년 05월 27일

발행인 : 박형미 편집인 : 천신응 청소년보호책임자 : 한정규
사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2024 International Data Group. All rights reserved.