如何在支持ESM的Chrome中正确导出/导入ESM / ES6模块

Question

我有一个应用程序，我正在捆绑Webpack 4和Babel加载器。 在主要入口点我正在导出一个类，例如export default Test;现在我正试图通过

在ESM感知的Chrome中导入主包

<script type="module">
(async function() {
  const test = await import('./module.main.js');
  window.test = test;
})()
</script>

问题在于，虽然浏览器正在加载捆绑包，但test只能生成此捆绑包。

Module {Symbol(Symbol.toStringTag): "Module"}
  Symbol(Symbol.toStringTag): "Module"

如何获取默认导出？ 我不是在这里提供Webpack配置，因为它很直接。