gulp 도구 이용중 에러가 나서 질문 드립니다.

Question

안녕하세요. 자바스크립트 책 읽으면서 실습하고 있는 사람입니다.기본적으로 책에 있는 예제 따라하면서 실습하고 있는데 이선 브라운의 러닝 자바스크립트 2장에서 개발도구 설정 작업을 하고있는데요, 분명 책대로 했는데 오류가 나서 질문 드립니다. 일단 파일 경로는 저대로 했고요, es6에 있는 js파일들을 es6폴더가 위치한 각각의 dist 폴더에 자동으로 es5로 변환시키는 작업을 했습니다. 아래는 그 코드고요const gulp &#61; require(&#34;gulp&#34;); gulp.task(&#34;default&#34;, function() { gulp .src(&#34;es6/**/*.js&#34;) .pipe(babel()) .pipe(gulp.dest(&#34;dist&#34;)); gulp .src(&#34;public/es6/**/*.js&#34;) .pipe(babel()) .pipe(gulp.dest(&#34;public/dist&#34;));}); 위 상황에서 아래와 같은 에러 메시지를 뿜습니다. osxui-MacBook-Pro:lj osx$ gulp[09:56:13] Using gulpfile ~/lj/gulpfile.js[09:56:13] Starting 'default'...[09:56:13] 'default' errored after 5.8 ms[09:56:13] ReferenceError: babel is not defined at Gulp.<anonymous> (/Users/osx/lj/gulpfile.js:6:5) at module.exports (/Users/osx/lj/node_modules/orchestrator/lib/runTask.js:34:7) at Gulp.Orchestrator._runTask (/Users/osx/lj/node_modules/orchestrator/index.js:273:3) at Gulp.Orchestrator._runStep (/Users/osx/lj/node_modules/orchestrator/index.js:214:10) at Gulp.Orchestrator.start (/Users/osx/lj/node_modules/orchestrator/index.js:134:8) at /usr/local/lib/node_modules/gulp/bin/gulp.js:129:20 at process._tickCallback (internal/process/next_tick.js:112:11) at Function.Module.runMain (module.js:692:11) at startup (bootstrap_node.js:194:16) at bootstrap_node.js:666:3 바벨 관련된건 죄다 설치했고, 물론 책에 나와있는거 이상으로 이것저것 설치했고요.. 혹시 아시는 선배님 있으면 도움 부탁드릴수 있을까요?

ondaa · Answer

플러그인 바벨이 없잖아요 ~

르라나 · Answer

NoDe저도 저걸 젤 먼저 보고 바벨을 전역설치로 깔았는데 그대로입니다 ㅠ

ondaa · Answer

아뇨 gulpfile.js 안에 말하는겁니다.babel 플러그인 설치해 줘야되요npm install -D gulp-babel 그리고 var babel &#61; requrie(&#34;gulp-babel&#34;);

ondaa · Answer

그리고 babel-core 설치하고 babel-preset-es2015 나 babel-preset-env 같은 babel 환경 원하시는거 선택하셔서 설치하고 presets 옵션 주시면 되요

르라나 · Answer

오 감사합니다 !!!말씀하신것중에 이거 하나 추가하니까 정상적으로 작동했어요 ㅠㅠconst babel &#61; require(&#34;gulp-babel&#34;);

ondaa · Answer

플러그인 잘 읽어 보시길 ~ 수고 하세요

gulp 도구 이용중 에러가 나서 질문 드립니다.

6개의 답변

Q&A 목록