babel 이란?

https://babeljs.io/docs/en/

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. 

babel은 ECMAScript 2015+ 의 코드를 최신 자바스크립트로 만들어주는 컴파일러 역할을한다.

예를들어 express 를 사용하고 싶다고 했을때

기존에는 

const express = required("express"); 로만 썻어야했지만

import express from "express";

로 모던하게 쓸 수 있다.

package.json을 다음과 같이 바꿔준다.

{

    "name": "test1",

    "version": "1.0.0",

    "description": "",

    "main": "src/index.js",

    "scripts": {

        "start": "nodemon --exec babel-node src/index.js --delay 2"

    },

    "author": "",

    "license": "ISC",

    "dependencies": {

        "@babel/core": "^7.6.2",

        "@babel/node": "^7.6.2",

        "@babel/preset-env": "^7.6.2",

        "express": "^4.17.1",

        "nodemon": "^1.19.3"

    }

}

같은 폴더에 .babelrc을 만들어주고 다음과 같이 바꿔준다.

{

    "presets": [

      "@babel/preset-env"

    ]

  }