为什么我的null -coalascing操作符没有被babel的rollup插件编译?

Question

我有一个小型项目，我想使用rollup插件@rollup/plugin-babel(自babel v7.6.3以来@babel/preset-env默认启用)将null -coalascing操作符(es2020)转换为es5。

然而，在我的项目它不工作。我在组件中的脚本标记中有一个空合并操作符，如下所示:

<script>
let count = 0;
let aCool;
let canio;
const increment = () => {
if (count % 6 === 0) {
canio = 1;
}
count += 1;
aCool = canio ?? 0;
};
console.log('aCool', aCool);
</script>

可以在这里找到一个最小的苗条项目。

Babel似乎从core-js中运行并添加了polyfills，但它对??操作符没有任何作用。为什么没有翻译?

Answer 1

我发现它不起作用的原因是因为我忘记将.svelte设置为Babel应该在rollup插件中编译的文件扩展名，因此它甚至不查看精简代码。谢谢@JLHwung ! !