Babel 7步入门教程
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码
妈妈再也不用担心环境不兼容了 so easy~
1.安装官方提供的ES2015转码规则
cnpm install --save-dev babel-preset-es2015
2.如果项目要运行,全局环境必须安装Babel
cnpm install --global babel-cli
3.将babel-cli安装在项目之中 支持不同项目使用不同版本的Babel
cnpm install --save-dev babel-cli
4.在项目中创建.babelrc文件
//可用cmd进入项目创建,命令如下:
type null>.babelrc
5.配置.babelrc文件
//presets用来存放一些预设 plugins用来存放一些插件
{
"presets": [
"es2015"
],
"plugins" : [ ]
}
6.改写package.json配置
{
// ...
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-es2015": "^6.24.1"
},
"scripts": {
"build": "babel src -d lib"
},
}
注:把项目下src文件中的代码转换到lib文件下
7.执行以下面命令进行转码
npm run build
转码完成~
//转码前(es6):
input.map(item => item + 1);
//转码后(es5):
"use strict";
input.map(function (item) {
return item + 1;
});
本文作者:猫老板的豆
本文链接:https://www.cnblogs.com/bingcola/p/16499307.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步