使用cdn和npm引入的区别_【Babel系列 第一篇】Babel的使用

本文是Babel系列的第一篇，讲讲Babel的使用。

What is Babel

Babel is a JavaScript compiler. Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Babel可以帮我们处理以下事情：

• 语法转换，将ES6+ 语法转换成ES5的代码

• 对新版本ES的feature提供polyfill

• TS / flow支持(类型)

• 生成source map

• ...

Usage Guide

Babel 有以下几种使用方式：

• 通过Cli使用

• 代码中使用

• 配合打包工具(gulp、webpack、rollup使用)

plugins

Babel不进行任何配置开箱即用不会任何效果，也就是说一段ES6的代码经过刚开箱的 babel 处理，输出的还是之前的代码。Babel的所有转换效果都是通过Plugins完成的，每个Plugin都有自己的能力，能处理对应的ES代码。 例(开箱即用) 安装babel cli和core 写一段简单的代码在src/index.js中，运行babel，将处理完的文件输出到dist目录，处理后的 dist/index.js没有变化

从babel7开始，babel提供的npm