如果此篇对您有所帮助,在此求一个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

版权声明:本文为yan7原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/yan7/p/14486669.html