2)-> plugin 和 preset

一、介绍：

babel.config.json/.babelrc 配置json { "presets": [ [ // 预设，包含es6+代码转为es5-代码插件集合 "@babel/preset-env", // 配置 { "targets": { "edge": "17", "firefox": "60", "chrome": "67", "safari": "11.1" }, // 设置按需引入 "useBuiltIns": "usage", // 使用的core-js的版本号 "corejs": "3" } ] ], "plugins": [] }

preset 预设介绍:::info

1. 预设是官方为了方便配置，预先配置的一些Babel plugin 插件的 集合

如：@babel/preset-env 集合了一些将 es6+ —> es5- 的插件集合 ::: plugin 介绍

preset 和 plugin 执行顺序： :::info

1. 先执行完所有Plugin，再执行Preset。
2. 多个Plugin，按照声明次序顺序执行。（从上倒下）
3. 多个Preset，按照声明次序逆序执行。（从下到上） :::