그리고 Babel.

1635 단어 babel7

전언


현재 루반은 Babel 7+ 버전으로 기본 제공
사이트 주소https://babeljs.io/docs/en/pl...
개발 안내서https://github.com/jamiebuild...

기능

  • 문법 번역
  • 대상 환경으로 기능 번역 (@babel/polyfill)
  • 원본 코드 번역
  • 작업 메커니즘


    원본 코드 --> [Babel Plugin] --> 변환된 코드
    Babel Preset을 Babel Plugin의 컬렉션으로 간단하게 볼 수 있습니다.

    presets


    공식적으로 제공된presets

  • @babel/preset-env
  • @babel/preset-flow
  • @babel/preset-react
  • @babel/preset-typescript

  • 약자

    {
      "presets": [
        "env",
        "@babel/preset-env" //   
      ]
    }

    운행 순서

    {
      "presets": [
        "a",
        "b",
        "c"
      ]
    }

    운행 순서는 뒤에서 앞으로 (예: c,b,a

    options 메커니즘

    {
      "presets": [
        ["@babel/preset-env", {
          "loose": true,
          "modules": false
        }]
      ]
    }

    plugins


    운행 순서

    {
      "plugins": [
        "a",
        "b",
        "c"
      ]
    }

    plugins는presets 이전에 실행되며, 운행 순서는 앞뒤로: a,b,c

    options 메커니즘

    {
      "plugins": ["pluginA", ["pluginA"], ["pluginA", {}]]
    }
    {
      "plugins": [
        [
          "transform-async-to-module-method",
          {
            "module": "bluebird",
            "method": "coroutine"
          }
        ]
      ]
    }

    좋은 웹페이지 즐겨찾기