将 function.toString() 与编译器一起使用？

Question

我试图显示一些函数的原始代码，作为“展示我的工作”的一种方式。用于金融建模，复制+粘贴代码是不可行的，用户往往不够精明，无法阅读源代码。

function.toString() 将是理想的候选者，但因为我正在使用 Babel（并且将来可能会添加更多），输出被打乱了。

有没有办法解决这个问题？

例如

const profit = () => revenue - expenses;

<h1> This is how we calculated profit in the model </h1>
<div>{profit.toString()}</div>

但输出是

更新：事实证明，下面的扰乱是由于 Quokka，而不是 Babel。然而，问题仍然存在。我很想知道是否有办法绕过这种混乱。

function profit(v) {?
    $_$wf(1);?
    return $_$w(1, 28), v.revenue - v.expenses;?
}?