什么是babel?
简要理解,Babel就是一个转码器(JavaScript编译器),可以将ES6+代码向后兼容转为ES5代码,使浏览器兼容。
babel可以做什么?
- 语法转换
- 通过Polyfill方法在目标环境中添加缺失的特性
- 源码转换
- ……
该怎么使用Babel?
Babel配置文件: .babelrc
基本格式
{
"presets": [
],
"plugins": []
}
预设presets
如果你不想自己组合插件(plugins),preset可以作为Babel插件的组合
官方preset
vue-cli3里面也包含了preset
- @vue/cli-plugin-babel/preset
插件plugins
babel实际上只是一个编译器,如果你想要Babel做一些工作,是需要安装插件的,这里与presets的区别是:plugins是一个一个添加,但是一个presets可以包含多个plugin。
插件的顺序很重要
- plugins在presets前运行
- presets的顺序的从后往前
- plugins的顺序的从前往后
tip: