Babel是一个工具链
主要用于在当前和较旧的浏览器或环境中将ECMAScript 2015+代码转换为JavaScript的向后兼容版本
为了更深刻的理解es6语法转换为es5语法,比较两者的不同
可以采用babel的外挂式编程,就是通过特色语法的插件,将某个语法比如箭头函数转换为普通的es5语法
现在举例箭头函数的语法转换操作:
箭头函数的外挂式编程
//script.js
var a = () => {};
var a = (b) => b;
const double = [1,2,3].map((num) => num * 2);
console.log(double); // [2,4,6]
现在安装babel cli:
参考:babel cli安装
安装babel:
npm install --save-dev @babel/core @babel/cli
安装箭头函数的babel插件:
npm install --save-dev @babel/plugin-transform-arrow-functions
通过babel将上面的script.js的es6语法转换为es5语法:
npx babel --plugins @babel/plugin-transform-arrow-functions script.js
转换的结果: