vue-cli 를 이용한 vue init 옵션별 차이

vue cli 를 통해 처음 프로젝트를 생성할때 다양한 옵션에 따라 지원되는것이 달라지는데 

각각 명령어별 해당 옵션은 다음과 같다.

 

$ vue init browserify

Browserify + vueify 조합 (여러개 js 파일들을 하나로 묶어줌)

=> 코드 수정후 자동 재실행하는 hot-reload, 코드를 검사하는 eslint, 유닛 테스트 지원

 

$ vue init browserify-simple

간단한 Browserify + vueify 조합 (여러개 js 파일들을 하나로 묶어줌)

=> Browserify 를 이용한 빠른 개발을 위한 코드 수정후 자동 재실행하는 hot-reload 지원

 

$ vue init webpack

webpack+vue-loader 조합 (자바스크립트 모듈을 비롯한 관련 리소스를 찾은 다음 이를 브라우저에서 이용할수 있게 묶어줌)

=> 코드 수정후 자동 재실행하는 hot-reload, 코드를 검사하는 eslint, 유닛 테스트 지원

 

$ vue init webpack-simple

간단한 webpack+vue-loader 조합

=> webpack을 이용한 빠른 개발을 위한 코드 수정후 자동 재실행하는 hot-reload 지원

 

$ vue init simple

- 하나의 index.html 뷰가 세팅된 프로젝트 생성

 

보통 vue init webpack-simple 이나 vue init webpack 을 많이 사용 

프로젝트 생성은 아래와 같이 생성

$ vue init webpack '프로젝트 이름'