Jest UnitTest Babel

What is Babel for?

Babel is used to transform Modern Syntax JS into old syntax JS so old browsers could understand.
Babel chia các gói nhỏ dưới tên @babel vd:

• @babel/core dùng trong script, import babel from 'babel'
• @babel/cli dùng CLI > babel ....
• @babel/preset-env preset tên env gói gọn một vài các plugins thông dụng

What is a Plugin?

A Babel plugin is a js file used to transform Modern Syntax JS into old syntax JS.

Nếu plugin có package trên npm chỉ cần tên là được. Nếu plugin là file trong dir thì để path ./my_plugins/custom_transform.js

What is a Preset?

A Preset is a collection of Plugins to use for convenience.

Install

npm i -D @babel/core @babel/cli @babel/preset-env

// babel.config.json
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "edge": "17",
          "firefox": "60",
          "chrome": "67",
          "safari": "11.1"
        }
      }
    ]
  ]
}