Javascripts) Babel 이란 ?

Babel

 

 

https://babeljs.io/

Babel · The compiler for next generation JavaScript

 

최신의 javascript 코드를 무난한 예전의 javascript 언어로 변환해주는 것

 

- 신코드(ES6~)를 이용할 수 있게 해주는 모듈(?) 이며, 브라우저에서 동작할 때 다시 신코드를 구 코드로 변환해주는 역할을 함.
- @babel/node & @babel/preset & @babel/core 를 요구함.

 

 

 

 

퍼왔습니다

 

 

예전 페이지에 어떤분이 올리신 글을 옮겨왔습니다. babel 버전 오류발생시 참고하세요

* 커맨드 라인 입력:
npm install @babel/node
* 커맨드 라인 입력:
npm install @babel/core
* 커맨드 라인 입력:
npm install @babel/preset-env
* 커맨드 라인 입력:
npm install core-js@3
* .babelrc 파일을 만들어주세요
* .babelrc 파일에 아래 내용을 입력 후 저장해주세요:
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry",
"corejs":3
}
]
]
}
* "package.json 파일"에서 스크립트로 작성해둔 start 에서 "node"를 "babel-node"로 바꿔주세요.
예) "start": "babel-node index.js"
* index.js 파일에 써뒀던 "const express" 라인을 지우시고 아래와 같이 바꿔주세요:
import "core-js";
import express from "express";
* 아래의 명령어를 커맨드 라인에 입력 후 실행, 테스트 해주세요:
npm start


자세한 내용은 이곳을 참고하시면 돼요: https://babeljs.io/docs/en/babel-preset-env

Babel · The compiler for next generation JavaScript