本地测试，使用babel编译es6

本地测试es6代码时，只需使用babel即可，用不着webpack或gulp这类的编译打包工具。

安装babel命令行工具

npm install --save-dev babel-cli

安装es6的转码包

npm install --save-dev babel-preset-es2015 

如果还想使用没有定稿的es草案，可以继续安装对应阶段的编码器，比如处于第二阶段的es提案，则可以安装

npm install --save-dev babel-preset-stage-2

然后可以把编译命令配置在package.json文件中，指定输入/输出文件/文件夹

"scripts": {
    "build": "./node_modules/.bin/babel （输入文件夹） -d (输出文件夹) --presets es2015"
}

这里的编译命令指定了编码器版本，如果想使用一系列的编码器，可以在.babelrc文件中配置：

{
    "presets": [
          "es2015","stage-2"
    ]
 }

另外，如果除了要测试最新的es语法外，还想使用Generator，Promise等新API，转码器是不会编译的，需要额外安装babel-polyfill,并在脚本文件头部引入

npm install --save-dev babel-polyfill

执行编译

npm run build

运行「输出文件夹」中经过编译的代码，进行测试。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!