JavaScript Commencez à utiliser ES6 / 7 avec Babel


Exemple

Le support du navigateur pour ES6 est en pleine croissance, mais pour être sûr que votre code fonctionnera sur des environnements qui ne le supportent pas complètement, vous pouvez utiliser Babel , le transpiler ES6 / 7 à ES5, essayez-le!

Si vous souhaitez utiliser ES6 / 7 dans vos projets sans vous soucier de la compatibilité, vous pouvez utiliser Node et Babel CLI


Mise en place rapide d'un projet avec le support Babel pour ES6 / 7

  1. Téléchargez et installez Node
  2. Accédez à un dossier et créez un projet à l'aide de votre outil de ligne de commande préféré.
~ npm init
  1. Installer Babel CLI
~ npm install --save-dev babel-cli
~ npm install --save-dev babel-preset-es2015
  1. Créez un dossier de scripts pour stocker vos fichiers .js , puis un dossier dist/scripts lequel les fichiers entièrement compatibles transpilés seront stockés.
  2. Créez un fichier .babelrc dans le dossier racine de votre projet et écrivez-le dessus
{
    "presets": ["es2015"]
}
  1. Modifiez votre fichier package.json (créé lors de l' scripts npm init ) et ajoutez le script de build à la propriété scripts :
{
    ...
    "scripts": {
    ... ,
    "build": "babel scripts --out-dir dist/scripts"
    },
    ...
}
  1. Profitez de la programmation en ES6 / 7
  2. Exécutez les opérations suivantes pour transférer tous vos fichiers sur ES5
~ npm run build

Pour des projets plus complexes, vous pouvez consulter Gulp ou Webpack