怎么将es6语法的代码在线转成es5？

Question

目的：有一段自定义输入的代码，想通过eval执行；
问题：eval执行的代码没有经过编译阶段babel转换，所以在IE浏览器上会解析失败。

babel应该有直接线上转换的方式，但具体该怎么配置才能将用户输入的代码先转换成es5语法再通过eval执行？

Answer 1

就像 @madRain 说的，用 babal-standalone。
参考 @@唯一丶 给的链接：@babel/standalone

示例有中转换脚本的例子：

var input = 'const getMessage = () => "Hello World";';
var output = Babel.transform(input, { presets: ['env'] }).code;

这里 outout 就是转换出来的代码，上面示例中的输出是

use strict";

var getMessage = function getMessage() {
  return "Hello World";
};

这段代码是 eval 可执行的，也可以用 new Function(output) 生成一个函数来执行。但是要注意 eval 或新构造出来函数的执行环境。

比如上面的代码，转换出来之后 eval 是可以执行，但执行了拿不到 getMessage。要想拿到，需要把最开始的 input 修改一下，把 getMessage 注入到 window 中：

var input = 'window.getMessage = () => "Hello World";';