@babel/plugin-proposal-pipeline-operator

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Installation

npm

npm install --save-dev @babel/plugin-proposal-pipeline-operator

Yarn

yarn add --dev @babel/plugin-proposal-pipeline-operator

pnpm

pnpm add --save-dev @babel/plugin-proposal-pipeline-operator

Bun

bun add --dev @babel/plugin-proposal-pipeline-operator

Utilisation

L'opérateur pipeline fait l'objet de plusieurs propositions concurrentes. Configurez la proposition à utiliser via l'option obligatoire "proposal". Sa valeur par défaut est "hack".

Valeur	Proposition	Version ajoutée
"hack"	Pipes de style Hack	v7.15.0
"fsharp"	Pipes de style F# avec await	v7.5.0
"minimal"	Pipes F# minimaux	v7.0.0
"smart"	Pipes à mélange intelligent (obsolète)	v7.3.0

Si "proposal" est omis ou si "proposal": "hack" est utilisé, une option "topicToken" doit être incluse. Le topicToken doit être l'un des suivants : "%", "^^", "@@", "^" ou "#".

Les options "proposal": "minimal" et "smart" sont obsolètes et seront supprimées dans Babel 8.

Exemples

Les exemples suivants utilisent topicToken: "^^".

Extrait de react/scripts/jest/jest-cli.js.

JavaScript

// Status quo
console.log(
  chalk.dim(
    `$ ${Object.keys(envars)
      .map(envar => `${envar}=${envars[envar]}`)
      .join(' ')}`,
    'node',
    args.join(' ')
  )
);

// With pipes
Object.keys(envars)
  .map(envar => `${envar}=${envars[envar]}`)
  .join(' ')
  |> `$ ${^^}`
  |> chalk.dim(^^, 'node', args.join(' '))
  |> console.log(^^);

Extrait de jquery/src/core/init.js.

JavaScript

// Status quo
jQuery.merge( this, jQuery.parseHTML(
  match[ 1 ],
  context && context.nodeType ? context.ownerDocument || context : document,
  true
) );

// With pipes
context
  |> (^^ && ^^.nodeType ? ^^.ownerDocument || ^^ : document)
  |> jQuery.parseHTML(match[1], ^^, true)
  |> jQuery.merge(^^);

(Pour un résumé du comportement des modes de proposition obsolètes, consultez le tableau des propositions précédentes du wiki pipe.)

Avec un fichier de configuration (recommandé)

Avec le jeton thématique ^^ :

babel.config.json

{
  "plugins": [
    ["@babel/plugin-proposal-pipeline-operator", { "topicToken": "^^" }]
  ]
}

Avec le jeton thématique @@ :

babel.config.json

{
  "plugins": [
    ["@babel/plugin-proposal-pipeline-operator", { "topicToken": "@@" }]
  ]
}

Via CLI

Ce plugin nécessitant une option de configuration, il ne peut pas être configuré directement depuis la CLI. Utilisez plutôt un fichier de configuration avec la CLI pour ajouter et configurer ce plugin.

Via l'API Node

Avec le jeton thématique ^^ :

JavaScript

require("@babel/core").transformSync("code", {
  plugins: [
    [ "@babel/plugin-proposal-pipeline-operator", { topicToken: "^^" } ],
  ],
});

Avec le jeton thématique @@ :

JavaScript

require("@babel/core").transformSync("code", {
  plugins: [
    [ "@babel/plugin-proposal-pipeline-operator", { topicToken: "@@" } ],
  ],
});