Webpack 러닝 가이드
  • Webpack 모듈 번들러
  • Web Modules
    • Legacy 모듈 관리
    • ES 모듈 관리
  • Babel
    • Babel JavaScript 컴파일러
    • Babel 독립형 빌드
    • Babel 노드 (Node.js) ✘
    • Babel CLI 구성
    • Babel 플러그인
  • webpack
    • Webpack 개발 환경 구성
      • Webpack 설치
      • Webpack 통합
      • Webpack 구성 파일
      • Webpack 워치
      • Webpack 모드
      • Webpack 별칭 등록
      • Webpack 호환성
      • Webpack 개발 서버
      • Webpack 멀티 페이지 설정
    • Webpack 로더
      • File 로더
      • CSS 로더
      • PostCSS 로더
      • Sass 로더
      • Babel 로더
      • TypeScript 로더
    • Webpack 플러그인
      • 환경 변수 등록
      • 빌드 결과 자동 정리
      • 빌드 결과 자동 주입
      • CSS 파일 개별 추출
      • CSS 파일 크기 최적화
      • CSS 미디어쿼리 스플리팅
      • 이미지 파일 크기 최적화
  • React
    • React App 매뉴얼 구성
      • Webpack 초기 구성
      • Babel 컴파일러 구성
      • CSS 스타일 구성
      • 이미지 구성
      • 환경변수 플러그인
      • HTML 플러그인
      • 최적화 구성
      • 코드 스플리팅
      • 개발 서버
      • 이미지, 폰트 에셋 구성
      • 환경 변수 + HTML 구성
      • 빌드 최적화 구성
      • 빌드 자동 정리 구성
      • 개발 서버 구성
      • 폴리필 구성
Powered by GitBook
On this page

Was this helpful?

  1. Babel

Babel JavaScript 컴파일러

차세대 JavaScript 변환 도구

PreviousES 모듈 관리NextBabel 독립형 빌드

Last updated 4 years ago

Was this helpful?

차세대 표준 ECMAScript (JavaScript) 구문을 사용하면 보다 세련되고 효과적으로 프로그래밍 할 수 있습니다. 하지만 브라우저 호환성에 늘 발목이 잡혀 여전히 오래된 구문을 사용할 수 밖에 없었습니다.

"새로운 ES 문법을 지원하지 않는 브라우저에서도, 사용할 수 있게 되면 좋겠다."

이러한 염원을 이뤄준 도구가 JavaScript 컴파일러입니다. Babel은 웹 브라우저 환경에서 ECMAScript 2015+ 코드를 이전 버전과 호환되는 JavaScript 버전으로 변환 하는 데 주로 사용되는 도구 모음입니다. 이 플러그인을 사용하면 브라우저 지원 또는 호환을 기다리지 않고 당장 새로운 표준 또는 제안 된 구문을 사용할 수 있습니다.

Babel
Use next generation JavaScript, today.