在项目迭代过程中，因为有兼容 IE 的需求，根据文档使用babel-polyfill和babel-runtime两个插件解决问题。但是对于二者之间的恩怨情仇，却不甚了解，便打算细细探究一番。 如果我们没有配置一些规则，Babel 默认只转换新的 JavaScript 句法（sy…

相信很多人和笔者从前一样，babel的配置都是从网上复制黏贴或者使用现成的脚手架，虽然这能够工作但还是希望大家能够知其所以然，因此本文将对babel（babel@7）的配置做一次较为完整的梳理。 上面是babel官网的一段话，可以理解为babel是基于插件架构的，假如你什么插件…

Babel主要模块如上图所示，接下来将分别介绍。 @babel/core主要是进行代码转换的一些方法，可以将源代码根据配置转换成兼容目标环境的代码。 @babel/cli是 babel 提供的命令行工具，用于命令行下编译源代码。 首先安装依赖： 新建一个js文件： 执行转换…

在刚开始使用babel的时候，相信很多同学应该和我一样，对于babel的使用配置一知半解，babel相关的包@babel/core，@babel/cli，babel-loader，@babel/polyfill，@babel/plugin-transform-runtime，@…

最近在一些项目编译系统的工作中涉及到了很多关于babel插件的开发，关于babel大多数人的感受可能是既陌生又熟悉，可能大多数人对于babel的应用场景的认识就是在webpack中使用一个babel-loader，但当你真正了解他掌握它的时候，会发现他其实还有些更强的用法。。。…