ES6动态导入()与AMD需要()

Question

在以下方面有何不同：

• 动态import()在ES6+技术和
• require()中的requireJS技术(requireJS库)

Answer 1

虽然有一些不同之处，但import()可以被看作是、AMD库、、require.js等的正式实现。同时，它也带来了一种现代化的方法。

遗留AMD的一个不言自明的特点是，它除了导入表达式之外，还附带模块定义。这意味着您可以定义一个模块，该模块可以在项目的任何地方异步导入。

如果您没有像BABEL这样的转换程序来填充项目上的EcmaScript提案，或者您使用遗留代码库并需要使用AMD解决方案来提高性能，那么考虑使用一些AMD库而不是动态导入可能是一个更好的选择。

Answer 2

有几个不同之处：

require()是同步的，import()是异步的(返回一个承诺)。

import是ECMA规范中定义的关键字，require()只是某个库定义的函数。

您可以在require()中而不是在浏览器中“本机”地使用import()，并且为所有JavaScript引擎指定import()。

现在，如果你使用一条建筑管道(例如Webpack)，它们实际上会做不同的事情：

require()将所需的代码捆绑到一个包中，就像import stuff一样，而import()在运行时动态加载模块，就像require.ensure (文档)一样