/
githubmirror
/
babel
Обзор
Документация
Войти
/
githubmirror
/
babel
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/babel-standalone/examples/example.htm
50 строк
1 KB
Lomírus
Fix missing `transformSync` function name (#15055)
18 окт 2022, 17:06
Не верифицирован
18 окт 2022, 17:06
061d5a3
Код
Авторство
О чём код?
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>babel-standalone example</title> </head> <body> Input: <textarea id="input" style="width: 100%" rows="10"> const getMessage = () => 'Hello World'; const someDiv = <div>{getMessage()}</div>; </textarea> Transformed code using Babel <strong id="version"></strong>: <pre id="output">Loading...</pre> <script src="../babel.js"></script> <script> console.log("Babel =", Babel); document.getElementById("version").innerHTML = Babel.version; var inputEl = document.getElementById("input"); var outputEl = document.getElementById("output"); function transform() { try { outputEl.innerHTML = Babel.transform(inputEl.value, { presets: [ "es2015", "react", [ "stage-0", { decoratorsBeforeExport: false, }, ], ], }).code; } catch (ex) { outputEl.innerHTML = "ERROR: " + ex.message; } } inputEl.addEventListener("keyup", transform, false); transform(); </script> </body> </html>