babel7初探 -- rollup + babel7按需加载polyfill

一、前言

babel7自从2018年下旬出来以后，一直没有仔细研究过。对于一些基本的配置过程还不是很了解。今天就来说下babel7中一个比较重要的特性–按需加载polyfill。这次乘着学习fetch，由于fetch在主流浏览器兼容性并不高，所以需要用到fetch-polyfill的机会，学习巩固一下babel7.

polyfill目前没有准确的翻译。直译是填充物的意思，即引入了对应语法的polyfill之后，在浏览器端运行的脚本可以使用浏览器不支持的es新语法和特性。最常见的就是Promise、Array.includes、Object.assign,anysc、await等等新语法。在babel6以及之前，只需要在入口引入 polyfill 即可。然而这也带来了问题，一次性加载了整个 polyfill，十分冗余。 而用了 babel7 通过简单的配置就可以达成按需加载的目的，我们也不再需要手动引入 polyfill。

二、关于bable7的各个包大概说明

@babel/core

核心功能，babel从版本7开始用@开头的scope包，老版本是babel-core，其他的包都是一样的规律

@babel/plugin-***

所有的babel插件集合。