前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

浏览器的发展永远跟不上语言的发展，es6+虽然很普及了，但也不是所有浏览器都可以支持es6+语法。babel的诞生就源于此。 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版…

共有 2 个替代方案，推荐使用第1个，第1个方案其实就是第二个方案的自动化版本。怎么自动化呢？根据运行目标环境自动选择需要哪些 polyfill 子包。具体见下。 @babel/preset-env 基于一些牛逼的项目：browserslist，compat-table，ele…

前文说过，types已经集成到@babel/core里，当然也可以单独安装： 概述 @babel/types的用途主要有3种： 类型集合 当你在ts中使用babel时，types可以为你提供全部节点对

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

所有转换都将使用本地配置文件。 转换传入的代码。使用生成的代码、源映射和AST调用回调。 转换传入的代码。返回包含生成的代码、源映射和AST的对象。 转换传入的代码。使用生成的代码、源映射和AST返回对象的 promise。 异步转换文件的整个内容。 babel.transfo…