初始babel

228 阅读1分钟

什么是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: