У меня действительно маленький проект с одним файлом .html и одним файлом .js. Проблема, что я использовал функции asyn/await, поэтому мне нужно преобразовать ее в es5, чтобы быть уверенным, что все работает нормально.Компиляция asyn/ожидание es5 с babel js
Итак, мой .html файл выглядит следующим образом:
<html>
<head>
</head>
<body>
...//page markup
<script src="dist/myCodeAsES5.js"></script>
<script>
var obj = new MyClass();
obj.calculate();
</script>
</body>
</html>
А вот мой src.js
class MyClass{
constructor(){
this.calculate = async function() {
await func1();
}
}
async function func1() {
for (var i = 0; i < 3; i++) {
await func2(); // await in loop until func2() completed
}
}
async function func2() {
for (var i = 0; i < 10; i++) {
await func3(); //wait until func3 and then continue looping
}
}
function func3() {
return new Promise(resolve => setTimeout(resolve, 1000));
}
}
Теперь главный вопрос- как преобразовать его в ES5 так что он может быть 100% woks в Internet Explorer. Я много читал о «бабиле», но все, что я нашел, непонятно или устарело. Может ли кто-нибудь написать краткое пошаговое руководство по установке и компиляции этого небольшого проекта?
Вы прочитали какую-либо документацию на веб-сайте babel? https://babeljs.io –
Возможный дубликат проекта [Transpile Async Await with Babel.js?] (http://stackoverflow.com/q/28708975/218196) –