介绍

目录know-babel-package

此文件夹存放：了解Babel主要几个包所涉及的案例

• no-preset 不利用预设编译
• use-preset 利用预设编译
• compile-stage-1 如何编译小于stge-4的语法
• know-babel-polyfill 初识 @babel/polyfill组成
• import-regenerator-runtime 感受手动引入regenerator-runtime包
• no-import-regenerator-runtime 感受不需要手动引入regenerator-runtime包
• helper-functions 什么是辅助函数
• no-use-tranform-runtime 不使用@babel/plugin-transform-runtime
• use-transform-runtime 使用@babel/plugin-transform-runtime

该目录Babel版本：

• @babel/core最新版本是：7.20.12
• @babel/preset-env最新版本是：7.20.2

目录know-babel-config

此文件夹存放：了解Babel如何配置 所涉及的案例

• preset-env-targets-config 感受@babel/preset-env如何减少ES6+语法编译
• preset-env-useBuiltIns-config 体验@babel/preset-env配置useBuiltIns各值表现形式
• preset-env-template-config 配置ES6+在IE 11运行
• use-third-party-library-problem 使用第三方库时的问题
• transform-runtime-config 感受@babel/plugin-transform-runtime各配置项

该目录Babel版本：

• @babel/core最新版本是：7.20.12
• @babel/preset-env最新版本是：7.20.2

目录new-babel-config

此文件夹存放：用babel-plugin-polyfill-corejs3来代替Babel旧的配置方法，相当于是Babel新的配置方法

• entry-global 感受新的配置方法entry-global可以替代旧的配置方法useBuiltIns: entry
• usage-global 感受新的配置方法usage-global可以替代旧的配置方法useBuiltIns: usage
• usage-pure 感受新的配置方法usage-pure可以替代，开发第三方库时的旧的配置方法
• target-configuration 感受新配置方法targets配置项是如何解决以前开发第三方库体积大的问题
• transform-runtime-targets-problem 感受以前@babel/transform-runtime不能识别targets问题
• usage-pure-problem 感受以前新的配置方法usage-pure目前存在的问题

该目录Babel版本：

• @babel/core最新版本是：7.21.8
• @babel/preset-env最新版本是：7.21.5

相关文章

去查看