使用Babel转码 将es6转为es5

ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。

1、安装

Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:(全局安装,)

npm install -g babel-cli

#查看是否安装成功

babel --version

2、初始化项目

在项目根目录下初始化项目


npm init -y

3、配置.babelrc

Babel的配置文件是.babelrc,创建个.babelrc名称的文件存放在项目的根目录下,该文件用来设置转码规则和插件,presets字段设定转码规则



{

    "presets": ["es2015"],

    "plugins": []

}

4、安装转码器

在根目录中安装


npm install -D babel-preset-es2015

5、转码

# 整个目录转码

# --out-dir 或 -d 参数指定输出目录

babel src -d dist

 

上一篇:ES5中一些重要的拓展


下一篇:webpack实现es6转es5