大型的前端零碎个别是模块化的。每当发现问题时，模块负责人总是要反复地在浏览器中找出对应的模块，略读代码后在对应的函数内打上断点，最终开始排查。

前言本文系 Babel 官网 Blog 翻译，原文地址：[链接]注释开始2020 年 10 月 15 日咱们刚刚公布了 Babel 的新的主要版本！这次公布包含对新的 TypeScript 4.1 beta features：template literal types 和 key remapping in mapped types。另外，咱们实现了两个新的 ECMAScript 提案：class static blocks 和 imports and e…

译文：Babel.js Guide -Part 1- The Absolute Must-Know Basics: Plugins, Presets, And Config本文将讲述：Babel 是什么以及怎么在日常开发中应用它？presets and plugins 是什么及区别，在babel执行中，他们的执行程序是什么？尽管原文题目看似是一个系列，但作者仿佛没有持续，但我曾经想好了下一部分要写的内容；非…

 ECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。

通过 babel 插件，我们很容易的就在编译时将某些代码转换成其他代码以实现某些优化。例如 babel-plugin-lodash 可以帮我们将直接 import 的 lodash 替换成能够进行 tree shaking 的代码；通过 babel-plugin-preval 在编译时执行脚本并使用返回值原位替换。

现在JavaScript代码主要采用ES6编写，但并不是所有浏览器都支持ES6语法，因此，在其中需要某种转化机制，也就是将ES6+语法转化为ES5语法，babel7可以帮助我们做到这件事。

安装相关的包： @babel/core babel的核心功能 @babel/cli 提供babel命令行的能力 -D安装

最近参与了一个新的项目，是基于 React + Antd + Ts + Mobx 来写的。项目安装完依赖之后，启动的时候会看到控制台报错：

最近2天几乎不停歇地在看关于babel的东西之前对知道是一窍不通的，有时候经常在项目里看见 .babelrc的文件，很是陌生，完全不知道是怎么回事

@babel/polyfill 模块包括 core-js 和一个自定义的 regenerator runtime 模块