babel以及各种loader

238 阅读1分钟

babel到底是什么?

  由于es6-7的应用,但市面上的部分浏览器仍然不兼容,babel就应运而生,对于ES5几乎所以的浏览器都支持,对于es6类似chrome支持,其他浏览器还未支持,未使得所有浏览器都支持,只有将es6打包后的代码编译成es5,babel则就是干这个的,即JS编译器

常见的babel有哪些?


babel-loader

babel基础必备

babel/core

webapck中用于babel和webpack搭建桥梁ast语法树


babel/presets-env

  用于转化es6成es5


  babel -polyfill

通过 Polyfill 方式在目标环境中添加缺失的特性 (通过 @babel/polyfill 模块)
如es6已经转为es5但类似部分代码缺失(如:map,promise等),针对这些进行添加补充,

由于低版本的浏览器对于map promise等语法还是不支持,所以还需要格外的补充