项目配置:babel

一,插件plugins:转换插件和语法插件。

如下:仅支持转换箭头函数,如果想将其它的新的JS特性转换成低版本,需要使用其它对应的 plugin 。如果我们一个个配置的话,会非常繁琐,因为你可能需要配置几十个插件,所以。。预设。
//.babelrc
{"plugins": ["@babel/plugin-transform-arrow-functions"]}

 

二,预设 preset:

@babel/preset-env
主要作用是对我们所使用的并且目标浏览器中缺失的功能进行代码转换和加载 polyfill,在不进行任何配置的情况下,@babel/preset-env 所包含的插件将支持所有最新的JS特性(ES2015,ES2016等,不包含 stage 阶段)
 
当前配置:

 

@babel/polyfill:

 

 V7.4.0 版本开始,@babel/polyfill 已经被废弃(前端发展日新月异),需单独安装 core-js 和 regenerator-runtime 模块。

 

 

 @babel/plugin-transform-runtime:

 是一个可以重复使用 Babel 注入(辅助函数)的帮助程序,以节省代码大小的插件。

 

 

参考:https://juejin.im/post/6844904008679686152 

posted @ 2020-10-15 20:58  毛栗的demo  阅读(133)  评论(0)    收藏  举报