核心库 @babel/core

每一个babel插件都需要安装核心库

插件和预设

插件:语法插件和转换插件

插件

@babel/plugin-transform-runtime

是一个可以重复使用 Babel 注入的帮助程序，以节省代码大小的插件。

插件和预设的运行

  • 插件在 presets 前运行。
  • 插件plugins顺序从前往后排列。
  • 预设presets 顺序是颠倒的（从后往前）

    @babel/cli

    脚手架 可用于编译babel

  1. "scripts": {
  2.     "compiler": "babel src --out-dir lib --watch"
  3. }

@babel/preset-env

@babel/preset-env 主要作用是对我们所使用的并且目标浏览器中缺失的功能进行代码转换和加载 polyfill，在不进行任何配置的情况下，@babel/preset-env 所包含的插件将支持所有最新的JS特性(ES2015,ES2016等，不包含 stage 阶段)，将其转换成ES5代码。例如，如果你的代码中使用了可选链(目前，仍在 stage 阶段)，那么只配置 @babel/preset-env，转换时会抛出错误，需要另外安装相应的插件。

  • @babel/preset-env
  • @babel/preset-flow
  • @babel/preset-react
  • @babel/preset-typescript ```json //.babelrc 配置 { “presets”: [
    1.   "@babel/preset-env"
    ], “plugins”: [
    1.   "@babel/plugin-transform-runtime",
    2.   "@babel/plugin-proposal-class-properties"
    ] } { “presets”: [], //预设 “plugins”: [] //插件 }
```json
//.browserslistrc 浏览器兼容性
> 0.25%
not dead