跳至主要内容

@babel/plugin-proposal-pipeline-operator

安装​

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

用法​

管道运算符有几个相互竞争的提案。使用必需的 "proposal" 选项配置要使用的提案。默认值为 "hack"。

值提案添加的版本
"hack"Hack 风格管道v7.15.0
"fsharp"带有 await 的 F# 风格管道v7.5.0
"minimal"最小化 F# 风格管道v7.0.0
"smart"智能混合管道（已弃用）v7.3.0

如果省略 "proposal"，或者使用 "proposal": "hack"，则必须包含 "topicToken" 选项。topicToken 必须是 "%"、"^^"、"@@"、"^" 或 "#" 之一。

"proposal": "minimal"、"fsharp" 和 "smart" 选项已**弃用**，并将在未来的主要版本中删除。

示例​

以下示例使用 topicToken: "^^"。

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

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

（有关已弃用提案模式行为的摘要，请参阅管道 wiki 的先前提案表。）

使用 ^^ 主题标记

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

使用 @@ 主题标记

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

通过 CLI​

因为此插件需要配置选项，所以无法直接从 CLI 配置。请改用配置文件和 CLI 来添加和配置此插件。

通过 Node API​

使用 ^^ 主题标记

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

使用 @@ 主题标记

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