ECMAScript 6 (ES6/ES2015) Gulp에서 사용하기

ES6를 Gulp에서 컴파일 방법

Gulp3.9.1 버전에서  ES6(ECMAScript 6) 및 ES2015를 사용하는 방법

때론, Gulp 4.x 버전이 아닌 Gulp 3.9.1 버전에서 ES6 구문의 자바스크립를 컴파일할 경우가 있다.

 

1. babel-core와 babel-preset-es2015 패키지를 설치합니다.

 

npm install --save-dev babel-core babel-preset-es2015

2. .babelrc 파일을 .gulpfile 파일이 존재하는 디렉토리에 생성을 하고, 다음의 내용을 .babelrc 파일 내에 포함합니다. 

{
  "presets": ["es2015"]
}

3. 이제 ECMAScript 6 구문을 사용할 수 있으며 gulp를 실행할 때 gulp는 자동으로 babel을 사용하여 컴파일합니다.