babel vs babel-core vs babel-runtime

Mon nœud webpack projet utilise trois babel bibliothèques. Quelle est la différence entre ceux-ci et comment sont-elles utilisées?

"dependencies": {
  "babel-runtime": "^5.8.24"
}

"dev-dependencies": {
  "babel": "^5.8.23",
  "babel-core": "^5.8.23"
}
InformationsquelleAutor Kevin Wu | 2015-09-12
  1. 46

    babel-core est l'API. Pour la v5 babel paquet est le CLI et dépend babel-core. Pour la v6, la babel-cli paquet est le CLI (CLI bin commande est toujours en babel), et le babel paquet ne rien faire. babel-runtime Je suppose que c'est juste le moteur d'exécution (polyfill et assistants) à l'appui de code qui a déjà été transformé.

    • Et encore une question: que dois-je utiliser dans mon projet avec webpack?
    • voir babeljs.io/docs/setup/#webpack et de la note dans le readme du plugin sur les dépendances. Voir aussi le lien @ FelixKling posté pour l'option d'exécution du transformateur.
    • Pour les gens qui sont intéressés à la différence entre les babel-runtime et babel-polyfill. stackoverflow.com/questions/31781756/...
    • Récemment, j'ai simplement se confondre avec les dépendances, @babel/core et babel-core. Quelle est la différence?
    InformationsquelleAutor JMM
  2. 21

    TL;DR Les choses de comparer les voici:

    1. babel (à utiliser pour les 5.x.x) vs babel-cli+babel-de base (en choisir un pour 6.x.x)
    2. babel-polyfill (à utiliser pour les non-bibliothèques) vs babel-runtime+babel-plugin-transformer-runtime (à utiliser pour les bibliothèques)

    De https://babeljs.io/blog/2015/10/31/setting-up-babel-6:

    Le package babel n'est plus. Auparavant, c'était l'ensemble du compilateur et de toutes les transformations, plus un tas d'outils CLI, mais cela a conduit à de trop grandes téléchargements et était un peu confus. Maintenant, nous l'avons divisé en deux ensembles séparés: babel-cli et babel-core.

    npm install --global babel-cli

    ou

    npm install --save-dev babel-core

    Si vous souhaitez utiliser Babel de la CLI vous pouvez installer babel-cli ou si vous souhaitez utiliser le Nœud de l'API, vous pouvez installer babel-core.

    babel-runtime permet tout simplement polyfills que ne pas polluer l'espace global, à la différence de babel-polyfill qui pollue votre espace mondial. De http://babeljs.io/docs/plugins/transform-runtime/:

    [babel-runtime] automatiquement polyfills votre code sans polluer globals. (Ce plugin est recommandé dans une bibliothèque ou un outil)

    Si vous utilisez babel-runtime, vous devez également

    npm install --save-dev babel-plugin-transform-runtime

    Dans la plupart des cas, vous devez installer babel-plugin-transformer-runtime comme un développement de la dépendance (avec --save-dev) et babel-l'exécution d'une production de dépendance (avec --save).

    La transformation plugin est généralement utilisé uniquement dans le développement, mais l'exécution en elle-même sera requis par votre déployé/publié code.

    Aussi, babel-runtime+babel-plugin-transformer-runtime et babel-polyfill sont généralement mutuellement exclusifs--ce qui signifie que vous ne devez utiliser l'un ou l'autre. À partir d'un commentaire ici http://jamesknelson.com/the-six-things-you-need-to-know-about-babel-6/:

    Vous devriez être en utilisant soit babel-polyfill ou babel-runtime. Ils sont mutuellement exclusifs—à moins bien sûr que vous savez ce que vous faites. Mais ils sont essentiellement la même chose. Ce sont juste des aides. babel-polyfill atteint le même but par la mutation des valeurs globales, alors que babel-l'exécution de manière modulaire. Sauf si vous êtes l'élaboration d'une bibliothèque, je vous recommandons d'utiliser le polyfill.

    InformationsquelleAutor Kevin
  3. 1

    Les Six Choses Que Vous Devez Savoir À Propos De Babel 6 l'explique assez bien, pour citer

    La babel mnp package n'existe plus. Au lieu de cela, Babel a été divisé
    en plusieurs packages:

    babel-cli, qui contient le babel interface de ligne de commande babel-core,
    qui contient le Nœud de l'API et nécessitent crochet de babel-polyfill, qui
    si nécessaire, vous met en place avec un plein ES2015-ish environnement Pour éviter
    accidentelle des conflits, veillez à retirer toutes les précédentes Babel paquets
    comme babel, babel-core, etc. à partir de votre paquet.json, puis npm
    les désinstaller.

    InformationsquelleAutor Qiulang