Webpack-babel
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/20ece0f90ead0872d3ca0873b33aee6a.png#pic_center)
1.babel环境搭建和基本配置
首先安装有关插件
然后配置.babelrc
presets预设的意思把常用的plugin打一个包,这个包就是preset-env
这样不用在plugin中设置过多的内容
2.babel-polyfill是什么
polyfill :
Polyfill 是一块代码补丁,用来为旧浏览器提供它没有原生支持的较新的功能
(比如在很早之前array.prototype.indexof某些浏览器不知道,需要用到polyfill)
core-js 是polyfill的集合 regenerator是core-js的一个补充
比如ES6的 generator core-js不能支持,需要regenerator
而babel-polyfill 就是core-js和regenerator的集合
babel只关心语法 比如箭头函数—普通函数
但是不关心API 转换API就是polyfill的事情了
还有就是babel不处理模块化,模块化由webpack处理
3.babel-polyfill如何按需引入
但是我们只用了promise,却把babel-polyfill全部引入进来
我们需要配置按需引入
usage为按需引入
corejs:3 为版本号
入口import可以删掉
4.babel-polyfill的问题
1.会污染全局环境