babel已经推出7.x版本，与babel紧密关联的core-js也推出了3.x版本，与babel7.x和core-js3.x对应的是babel6.x和core-js2.x。babel7.x和core-js3.x有很多新变化，值得学习，并且目前业务中的很多还使用的是babel6…

谈到 babel 肯定大家都不会感觉陌生。 桌面端组件库 Element ，借助 babel-plugin-component ，我们可以只引入需要的组件，以达到减小项目体积的目的。 使用 babel-polyfill ，开发者可以立即使用 ES 规范中的最新特性。 有了插件：…

在babel 7.x中，babel有一个“根”目录的概念，默认为当前的工作目录。. 对于项目范围的配置，babel将自动在这个根目录中搜索“babel.config.js”。或者，用户可以使用显式的“config file”值来覆盖默认的配置文件搜索行为。 由于项目范围内的配置…

如何创建 Babel 插件，超详细

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

babel-preset-env是非常重要且常用的一个插件预设，掌握它的用法以及实现原理非常有必要。 本文主要内容包括：babel-preset-env是什么、入门实例、如何配置以支持特定版本的 node/浏览器、实现原理等。 本文所有例子可以在 笔者的github上 找到。

webpack 是前端开发最常用的模块打包器之一，我们可能是使用github上提供的脚手架如react-boilerplate，也有可能根据自己的项目来写webpack配置。无论你是属于哪一种情况，你还是要熟悉webpack的相关配置才能更好的使用它。 接下来主要介绍webpa…

说起ES6，webpack，打包，模块化总是离不开babel，babel作为一个js的编译器已经被广泛使用。在babel的官网是这样介绍它的： 大家都知道js作为宿主语言，很依赖执行的环境（浏览器、node等），不同环境对js语法的支持不尽相同，特别是ES6之后，ECMAScr…

Babel是一个JavaScrpit的编译器，从宏观的角度来看，它有三个运行阶段：解析，转化，生成。基本上如果不设置配置文件.babelrc，Babel运行的结果便是 const babel = code => code ，通过读取代码，最后生成一样的代码。Babel的最核心的…