https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import
参见官方文档
静态的import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode ,导入的模块都运行在严格模式下。在浏览器中,import 语句只能在声明了 type=“module” 的 script 的标签中使用。
它的意思是说:
<script type="text/javascript">
</script
在 script 标签中使用 nomodule 属性,可以确保向后兼容。
动态import
关键字import可以像调用函数一样来动态的导入模块。以这种方式调用,将返回一个 promise。
import('/modules/my-module.js')
.then((module) => {
// Do something with the module.
});
let module = await import(’/modules/my-module.js’);