从零学脚手架(四)---babel

如果此篇对您有所帮助，在此求一个star。项目地址： OrcasTeam/my-cli

接下来介绍一个打包编译过程中一个极为重要的工具--babel。

ES6的枷锁

细心的朋友可以知道，在之前打包编译测试都是使用简单的ES5特性，

并没有使用过ES6（ES2015+）特性（import除外）

这是因为webpack本身不会处理代码中的ES6（ES2015+）特性，所以也就没有使用。

先来做一个测试

在 /src/index.js 文件使用部分ES6（ES2015+），查看打包编译代码会发现webpack并没有处理ES6（ES2015+）特性。

自从ES6（ES2015+）时代来临后，前端才具有了飞速发展。ES6（ES2015+）各种特性也给开发人员带来了便利。

毫不客气的说，没有人再想写ES5代码了。

但是，前端代码的执行环境（浏览器）是由用户决定的，如果用户一直使用旧版本浏览器，那么新特性就无法运行在用户浏览器中。

这时候就需要一种工具：将代码使用的ES6（ES2015+）特性转换为ES5特性

这个工具就叫做：babel