1. 使用时import ... from ...，模块路径必须是字符串文字。使用时require，模块路径可以是动态的。

例如，

const name = "module2";
const obj = require(`./${name}`);

但这在使用node时会导致错误SyntaxError: Unexpected template string。

const name = "module2";
import { func } from `./${name}`;

类似的代码import { func } from ("./partial/path" + someVariable);也会导致语法错误。

为什么是这样？参见下一点。

2.命令执行不同。在上面的代码执行是，require将内联运行。import在脚本的其余部分之前运行。

假设module2.js在顶部有console.log("require module2");，那么如果我们运行这段代码：

console.log("require module1");
const obj = require("./module2");
console.log(`module2 = ${obj.module2}`);

结果如下：

require module1
require module2
module2 = require module2

使用ES模块时

console.log("require module1");
import module2 from "./module2.js";
console.log(`module2 = ${module2}`);

运行此操作将导致以下结果：

require module2
require module1
module2 = require module2

3..js使用导入本地模块时require，可以省略扩展名，但使用import时不能这样做。

在浏览器和Node.js中，默认情况下是这样。例如，require("./module2")可以运行，但等效的使用import必须写为import module2 from "./module2.js"。如果您在Node.js中省略扩展名，则会出现类似以下错误：Error [ERR_MODULE_NOT_FOUND]: Cannot find module …

在Node.js中，您可以使用--experimental-specifier-resolution=node选项来规避此行为，即，.js当使用时，这将允许您省略扩展名import。

此外，webpack具有更改此行为的选项。具体来说，如果resolve.enforceExtension为true，则需要扩展名。，此选项默认情况下是false，这说明了为什么在许多框架中（例如Next.js，在后台使用webpack）可以在import不指定文件扩展名的情况下使用。

参考

The three differences between require and import in Node.js