[ECMAscript6] Uglify SyntaxError: Unexpected token: name (xxx)

ECMAscript6 관련해서 gulp - 바벨 플러그인을 업데이트 하다가

이런 에러가 우수수 나오기 시작했다.

js 쪽이 잘못되었나,, 변수명이 잘못되었나,, 보다가

uglify 그냥 고유의 문제인 것을 알았다.

구글 검색을 좀 해보다가

깃허브 쪽 글을 보게 되었는데 https://github.com/webpack/webpack/issues/2972

closure compiler 나 babili 로 갈아타야된다는 말을 듣고

별 다른 고민 없이 바로 갈아타버렸다.

npmjs (https://www.npmjs.com/package/gulp-babili) 에서 검색하면 쉽게 찾을 수 있다.

본인은 yarn 패키지 관리자를 사용해서

yarn add gulp-babili 명령어로 설치했다. (--dev 옵션 안주고)

gulp는 사용법이나 적용방법이 무지 쉬워서

해당 파이프를 복사해서 적절한 위치에 복붙하면 자동으로 minify 해준다. (어찌보면 오토메이터랑 비슷한 느낌)

솔직히 난 ECMAscript 를 잘 활용하진 않는다. 왠만하면 CSS로 처리 가능하고.

var을 let으로 바꿔서 쓰는 것 정도..? ajax 기능이라던지.

근데 오늘 ECMAscript6의 특징을 보니

commonJS 없이 모듈을 불러올 수 있게 된다는 내용을 보았다. (http://es6-features.org/#ValueExportImport)

개인 프로젝트에는 JS 플러그인(Jquery, 프레임워크 등)을 안쓰기로 한 내 입장에선

javascript 가 이런 식으로 발전한다는 것은 정말 반가운 소식인 것 같다.

그나저나 두서없이 프로그래밍 분류의 첫 글을 이걸로 하는 건 좀.. 흠..

다음엔 조금 더 보편적이고 재밌는 글을 써보도록 하겠다.