本文介绍用npm和 Babel 6 来将 ES6 代码转换成 ES5 代码。
如果用其他工具配合 Babel 来做,可以见这里。不知道 npm是什么?请先查看npm 入门指南。
Node 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。使用下面的命令,可以查看 Node 已经实现的 ES6 特性。
$ node --v8-options | grep harmony
在阮一峰大牛写的技术里找到 ES-Checker,用来检查各种运行环境对 ES6 的支持情况。访问ruanyf.github.io/es-checker,可以看到您的浏览器支持 ES6 的程度。运行下面的命令,可以查看你正在使用的 Node 环境对 ES6 的支持程度。
$ npm install -g es-checker
$ es-checker
=========================================
Passes 24 feature Dectations
Your runtime supports 57% of ECMAScript 6
=========================================
下面让我们使用命令行转码babel-cli
Babel提供babel-cli工具,用于命令行转码。
它的安装命令如下:
全局安装
npm install --global babel-cli
在项目下输入命令
npm init
一路回车---引导你创建一个package.json的文件(包括名称、版本、作者等信息)
将babel-cli安装在项目之中。
npm install --save-dev babel-cli
在项目文件中新建一个 .babelrc 的文件,把一下代码复制粘贴到文件中
{
"presets": [],
"plugins": []
}
然后在命令行里输入
npm install --save-dev
网友评论