问如何使用ES6导入(客户端JS)

EN

目前90% of all users browser (caniuse.com)支持导入/导出语法。

你可以用它来“包含”你的脚本。要做的第一件事是将type="module" <script tag>的作为一个属性(例如，<script type="module">)

然后，您可以在js脚本中使用import/export。是的，模块需要导出一个值(变量，函数...)为了能够在另一个脚本中使用它，但这是可选的，因为您可以只执行脚本，而不需要导出某些内容。

文档：

• import
• export
• Very good article on how to use module in browsers

请记住，这还不是一个完全支持的功能，如果您关心浏览器的兼容性，您将需要polyfill

问题是，正如您所说的，导入目前仅通过Node全局支持。如果您想要在客户端快速导入代码，并且jQuery是一个选项，那么您可以使用：

$.getScript( "ajax/test.js" )
.done(function( script, textStatus ) {
    console.log( textStatus );
})
.fail(function( jqxhr, settings, exception ) {
    $( "div.log" ).text( "Triggered ajaxError handler." );
});

这将从服务器加载并执行JavaScript代码。回调done在脚本下载完成后调用，但不一定执行完毕。

有关更多信息，您可以查看official reference

试试这个：

const url = './demo.js';
try { import(url).loadPageInto(main);} 
catch (error) { main.textContent = error.message; }