6to5

一、前言 在上一节 《CommonJS：不是前端却革命了前端》中，我们聊到了 ES6 Module，它是 ES6 中对模块的规范，ES6 是 ECMAScript 6.0 的简称，泛指 JavaScript 语言的下一代标准，它的第一个版本 ES2015 已经在 2015 年 6 月正式发布，本文中提到的 ES6 包括 ES2015、ES2016、ES2017等等。在第一节的《Web：一路前行一路忘川》中也提到过，ES2015 从制定到发布历经了十几年，引入了很多的新特性以及新的机制，浏览器对 ES6 的支持进度远远赶不上前端开发小哥哥们使用 ES6 的热情，于是矛盾就日益显著…… 二、Babel 是什么 先来看下它在官网上的定义： Babel is a JavaScript compiler 没错就一句话，Babel 是 JavaScript 的编译器。至于什么是编译器，可以参考 the-super-tiny-compiler 这个项目，可以找到很好的答案。 本文是以 Babel 7.9.0 版本进行演示和讲解的，另外建议学习者阅读英文官网，中文官网会比原版网站慢一个版本，并且很多依然是英文的。 Babel 就是一套解决方案，用来把 ES6 的代码转化为浏览器或者其它环境支持的代码。 注意我的用词哈，我说的不是转化为 ES5 ，因为不同类型以及不同版本的浏览器对 ES6

本文首发于 vivo互联网技术 微信公众号 链接： https://mp.weixin.qq.com/s/plJewhUd0xDXh3Ce4CGpHg 作者：Morrain 一、前言 在上一节 《 CommonJS：不是前端却革命了前端 》中，我们聊到了 ES6 Module，它是 ES6 中对模块的规范，ES6 是 ECMAScript 6.0 的简称，泛指 JavaScript 语言的下一代标准，它的第一个版本 ES2015 已经在 2015 年 6 月正式发布，本文中提到的 ES6 包括 ES2015、ES2016、ES2017等等。在第一节的《Web：一路前行一路忘川》中也提到过，ES2015 从制定到发布历经了十几年，引入了很多的新特性以及新的机制，浏览器对 ES6 的支持进度远远赶不上前端开发小哥哥们使用 ES6 的热情，于是矛盾就日益显著…… 二、Babel 是什么 先来看下它在 官网 上的定义： Babel is a JavaScript compiler 没错就一句话，Babel 是 JavaScript 的编译器。至于什么是编译器，可以参考 the-super-tiny-compiler 这个项目，可以找到很好的答案。 本文是以 Babel 7.9.0 版本进行演示和讲解的，另外建议学习者阅读英文官网，中文官网会比原版网站慢一个版本，并且很多依然是英文的。