独立的Babel和使用箭头功能插件?

时间:2018-02-21 23:15:11

标签: javascript ecmascript-6 babel

我正在非节点环境中构建应用程序,但我想利用Babel的ES6转换,以便我可以编写更好的代码并仍然支持IE11。

所以我继续并包含此处的独立文件: https://github.com/babel/babel/tree/master/packages/babel-standalone

但似乎你还需要一个额外的插件来实际转换箭头函数语法,但当然因为我无法访问导入/导出模块功能我不确定是否甚至可以包含这些插件。

有没有人知道解决这个问题?

1 个答案:

答案 0 :(得分:2)

由于你在问题中显示了ZERO代码,并且你正在设置这个预设或预设(等等等等),我只能假设你做错了什么

此HTML适用于IE

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Home</title>
    <script src="https://unpkg.com/@babel/polyfill/browser.js"></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
    <div id="output"></div>
    <script type="text/babel">
      const getMessage = () => "Hello World";
      document.getElementById('output').innerHTML = getMessage();
    </script>
</body>
</html>

与你正在做的事情相比如何?