Babel学习笔记

Babel可以解决什么问题

基本使用方法

安装

配置

常见问题

preset VS. plugin

先说结论:能用预设就用预设。

plugin的弊端:
1、老的插件不会根据目标浏览器做兼容,而是直接编译掉

2、老的插件可能不更新

preset则可以根据目标浏览器版本进行编译。

preset相当于插件合集,且会自动更新为最新插件。

useBuiltIns属性该如何设置?

useBuiltIns属性三个参数值的区别:

usage:

按需引入

entry:

手动引入,会把所有的corejs引入;不过也可以在编码的时候按需引入:

1
import 'core-js/modules/es.promise.js'

core-js是什么?

提供ES新特性的插件。

注意:Babel7不再自动引入core-js,需要用户自己手动引入。

资料

代码浏览器覆盖率测试工具:

https://browsersl.ist/