Transpile Async Attendent proposition avec Babel.js?

Babel v6

De Babel v6, Babel ne contiennent pas de transformateurs de lui-même plus. Vous devez explicitement spécifier une fonctionnalité vous voulez transformer.

Presets - non ES2015 environnement

Le moyen le plus rapide pour obtenir ce travail est d'utiliser presets qui contiennent déjà de l'ensemble de plug-ins nécessaires à la transformation des ES2015 et récentes propositions. Pour async, vous aurez besoin de la es2015 et es2017 presets et les exécution plugin (n'oubliez pas d'installer babel-runtime comme décrit dans la documentation):

{
  "presets": [
    "es2015",
    "es2017"
  ],
  "plugins": [
    "transform-runtime"
  ]
}

Presets - ES2015 environnement

Si vous exécutez le code dans un environnement qui prend en charge ES2015 (plus précisément, des générateurs et des Promesses), alors tout ce que vous avez besoin est la es2017 préréglage:

{
  "presets": [
    "es2017"
  ]
}

Personnalisé

À transformer la async fonctions, vous aurez besoin de plugins.

syntaxe-async-fonctions est requis dans tous les cas, pour être en mesure d'analyser async fonctions

Pour exécuter de la fonction async, vous devez soit utiliser

• transformation-async-à-générateur: Convertit le async fonction dans un générateur. Cela implique l'utilisation de Babel, une "co-routine" de la mise en œuvre.
• transformation-async-à-module-méthode: Convertit aussi les async fonction à un générateur, mais il transmet au module et la méthode spécifiée dans la configuration, au lieu de Babel propre méthode. Cela vous permet d'utiliser des bibliothèques externes tels que bluebird.

Si votre code s'exécute dans un environnement qui prend en charge les générateurs, alors il n'y a rien d'autre à faire. Toutefois, si l'environnement cible ne pas soutien des générateurs, vous aurez également à transformer le générateur. Cela se fait via le transformation-régénérateur transformer. Cette transformation dépend de l'exécution des fonctions, de sorte que vous aurez également besoin de Babel est transformation-runtime de transformation (+ le babel-runtime package).

Exemples:

Asynchrone à générateur

{
  "plugins": [
    "syntax-async-functions",
    "transform-async-to-generator"
  ]
}

Async du module méthode

{
  "plugins": [
    "syntax-async-functions",
   ["transform-async-to-module-method", {
     "module": "bluebird",
     "method": "coroutine"
   }]
  ]
}

Asynchrone à générateur + régénérateur

{
  "plugins": [
    "syntax-async-functions",
    "transform-async-to-generator",
    "transform-regenerator",
    "transform-runtime"
  ]
}

---

Babel v4 et plus

Oui, vous devez activer le expérimentale des transformateurs. Babel utilise régénérateur.

Utilisation

$ babel --experimental

---

babel.transform("code", { experimental: true });

J'ai eu ce travail comme d'aujourd'hui, en faisant un supplément de npm install babel-preset-stage-0 et de l'utiliser comme

var babel = require("babel-core");
var transpiled = babel.transform(code, { "presets": ["stage-0"] });

Voir

• http://babeljs.io/docs/usage/options/#options
• http://babeljs.io/docs/plugins/preset-stage-0/

Approuvé réponse semble être obsolète aujourd'hui. Le expérimentales drapeau a été dépréciée en faveur de l'étape.

http://babeljs.io/blog/2015/03/31/5.0.0/#experimental-option

Utilisation

$ babel --stage 0

---

babel.transform("code", { stage: 0 });

Stade 0

• es7.classProperties
• es7.interprétations de la

Étape 1

• es7.asyncFunctions
• es7.les décorateurs
• es7.exportExtensions
• es7.objectRestSpread

La phase 2 (Phase 2 et ci-dessus sont activées par défaut)

• es7.exponentiationOperator