babel转码器

babel转码器

一、简介

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。 这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。 二、安装 这个安装之前要先初始化项目

npm init -y

安装命令行转码工具 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]// 将数组的每个元素 +1input = 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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。