Vai al contenuto principale

@babel/plugin-proposal-pipeline-operator

Traduzione Beta Non Ufficiale

Questa pagina è stata tradotta da PageTurner AI (beta). Non ufficialmente approvata dal progetto. Hai trovato un errore? Segnala problema →

Installazione​

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

Utilizzo​

L'operatore pipeline presenta diverse proposte concorrenti. Configura quale proposta utilizzare con l'opzione obbligatoria "proposal". Il valore predefinito è "hack".

ValorePropostaVersione aggiunta
"hack"Pipes in stile Hackv7.15.0
"fsharp"Pipes in stile F# con awaitv7.5.0
"minimal"Pipes minimali in stile F#v7.0.0
"smart"Pipes smart-mix (deprecato)v7.3.0

Se "proposal" viene omesso o se si utilizza "proposal": "hack", è necessario includere un'opzione "topicToken". Il topicToken deve essere uno tra "%", "^^", "@@", "^" o "#".

Le opzioni "proposal": "minimal" e "smart" sono deprecate e verranno rimosse in Babel 8.

Esempi​

I seguenti esempi utilizzano topicToken: "^^".

Da 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(^^);

Da 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(^^);

(Per un riepilogo del comportamento delle modalità di proposta deprecate, consultare la tabella delle proposte precedenti nella wiki delle pipe.)

Con file di configurazione (consigliato)​

Con token ^^:

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

Con token @@:

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

Tramite CLI​

Poiché questo plugin richiede un'opzione di configurazione, non può essere configurato direttamente dalla CLI. Utilizzare invece un file di configurazione con la CLI per aggiungere e configurare questo plugin.

Tramite Node API​

Con token ^^:

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

Con token @@:

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