无法让Babel在线Demo与管道运算符正常配合的问题求助

我想用Babel在线Demo测试ECMAScript管道运算符提案，但操作不够直观，选了插件后两种配置均未正常工作。

测试输入代码如下：

function add1 (x) {
    return x + 1;
}

0 |> add1(%);

第一次尝试的异常情况 #

配置后无报错，但生成了无效的JavaScript代码：

var _;
function add1(x) {
  return x + 1;
}
_ = 0, add1(%)(_);

第二次尝试的报错 #

更换插件配置后直接报错：

"pipelineOperator" requires "proposal" option whose value must be one of: "minimal", "fsharp", "hack", "smart".

请问该在哪里指定这个proposal选项？Demo搜索结果里有多个相关插件，该如何正确配置才能让管道运算符正常转译运行？

内容的提问来源于stack exchange，提问作者Melab