javascript - 如何使脚本类型既是文本/巴别塔又是模块？

Question

它工作得很好，因为我没有包含 JSX，但是当我用 text/babel 替换脚本类型时，它不起作用，因为模块加载失败。 browser.js Babel 编译器。

这里...只有当我用 text/babel 替换脚本类型时，JSX 才有效，但问题是模块加载失败，因为脚本不是模块。知道如何让它与 JSX 一起工作吗？

<div id="root">

</div>
<script type="module">
    import  './react.min.js';
    import  './react-dom.min.js';
    import  './browser.js';
    class Hello extends React.Component {
        render() {
            return React.createElement('div', null, `Hello ${this.props.toWhat}`);
        }
    }
    ReactDOM.render(
        React.createElement(Hello, {toWhat: 'World'}, null),
        document.getElementById('root')
    );
</script>

Answer 1

2021 年 7 月更新

根据 mh sattarian的 answer您现在不需要 data-plugins="transform-es2015-modules-umd" 来使用原生 es6 模块的导入/导出等。您只需添加 data-type="module"

原始答案

以防万一有人来这里寻找答案

babel standalone 支持数据插件和数据预设

<script data-plugins="transform-es2015-modules-umd" type="text/babel">

在这里查看更多 Babel standalone