babe的l使用步骤记录

一、简介
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。
这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。

二、安装
安装命令行转码工具
Babel提供babel-cli工具，用于命令行转码。它的安装命令如下：

npm install --global babel-cli

#查看是否安装成功
babel --version

三、Babel的使用
1、初始化项目 npm init -y
2、创建文件 src/example.js
下面是一段ES6代码：

// 转码前
// 定义数据
let input = [1, 2, 3]
// 将数组的每个元素 +1
input = input.map(item => item + 1)
console.log(input)

2、配置.babelrc
Babel的配置文件是.babelrc，存放在项目的根目录下，该文件用来设置转码规则和插件，基本格式如下。

{"presets": [],"plugins": []
}

presets字段设定转码规则，将es2015规则加入 .babelrc：

{"presets": ["es2015"],"plugins": []
}

3、安装转码器
在项目中安装
npm install --save-dev babel-preset-es2015
4、转码

# 转码结果写入一个文件
mkdir dist1
# --out-file 或 -o 参数指定输出文件
babel src/example.js --out-file dist1/compiled.js
# 或者
babel src/example.js -o dist1/compiled.js
# 整个目录转码
mkdir dist2
# --out-dir 或 -d 参数指定输出目录
babel src --out-dir dist2
# 或者
babel src -d dist2

babe的l使用步骤记录相关推荐

Ubuntu16.04 Caffe 编译安装步骤记录
历时一周终于在 ubuntu16.04 系统成功安装 caffe 并编译,网上有很多教程,但是某些步骤并没有讲解详尽,导致配置过程总是出现各种各样匪夷所思的问题,尤其对于新手而言更是欲哭无泪,在我饱受 ...
【华为云技术分享】40多元成本制作基于Arduin的随动四轴机械臂，机械臂实现步骤记录、复现等功能
[摘要] Arduin随动四轴机械臂,机械臂实现步骤记录.复现等功能:主要原材料元器件有:电位器 * 4.9g舵机 * 4.轻触开关 * 1.Arduin UNO * 1.热熔胶.杜邦线多根(建议用质 ...
mysql 5.6.19 linux_MySQL 5.6.19升级到 5.7.9 步骤记录
MySQL 5.6.19升级到 5.7.9 步骤记录升级前版本检查+测试表创建 [root@localhost ~]# mysql -uroot -p123456 --socket=/var/lib ...
mysql操作数据库的步骤,Golang操作MySql数据库的完整步骤记录
前言 MySQL是业界常用的关系型数据库,在平时开发中会经常与MySql数据库打交道,所以在接下来将介绍怎么使用Go语言操作MySql数据库. 下载MySql连接驱动 Go语言中的database/s ...
连接阿里云生活物联网平台（飞燕平台）步骤记录
连接阿里云生活物联网平台(飞燕平台)步骤记录: 1.平台地址:https://www.aliyun.com/product/livinglink?spm=5176.10695662.811531485 ...
三维测量—DLP4500投影条纹图案步骤记录
三维测量-DLP4500投影条纹图案步骤记录 DLP4500投影仪投影步骤记录硬件连接条纹图案的制作固件烧写投影单个格雷码图案投影格雷码图案序列 DLP4500投影仪投影步骤记录实验室买了 ...
Linux系统下安装 pycharm2022社区版步骤记录
Linux系统下安装 pycharm2022社区版步骤记录 1. 进入 pycharm 官网的下载界面: https://www.jetbrains.com/pycharm/download/# ...
飞腾嵌入式A40，与电脑上虚拟机连接，下载运行QT程序步骤记录。
飞腾嵌入式A40,与电脑上虚拟机连接,下载运行QT程序步骤记录. 需要安装4个软件: 虚拟机软件:一路下一步安装终端软件:可以连接A40输入命令行,一路下一步安装传文件软件:一路下一步安装虚拟机 ...
从零开始长期给某开源社区提PR步骤记录
从零开始长期给某开源社区提PR步骤记录 0 前提安装好git后,在本地配置github账户 git config --global user.name [github账户名称] git config ...

babe的l使用步骤记录

babe的l使用步骤记录相关推荐

最新文章

热门文章