从零学脚手架(四)---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