node环境下如何加载 es 模块

在 JavaScript 语言，有两种格式的模块，一种是 node 环境下的采用的 CommonJS 模块，简称 CJS。一种是 ES6 带来的 ES6 模块，简称 ESM。

在 Node.js 中，采用的是 CommonJS，遇到 ES6模块（import / export）就不知道如何处理。

如何检测 node 版本对 ES6 的语法支持情况：我们可以使用 es-checker 包来检测

npm install -g es-checker

安装好之后，我们可以输入 es-checker 来检测支持情况

我的当前版本是(可以输入 node -v) 

可以看出来，92% 的语法都已经支持，ES6模块还没有支持。

 

那如何在 Node.js 中支持 ES 模块呢？

add.js 中:

export function add (a, b) {

        return a + b;

};

index.js 中：

import { add } from './add.js';

console.log(add(4, 2));

第一种是可以通过 package.json 来开启 ES6 模块支持。

通过设置 package.json 中 type 属性为 "module" 来支持 ES6 模块。

注意： 在 node 版本 < 13.2.0 的版本下，是不支持 type: "module" 的。

 并且在 13.2.0 是有警告的 .  在更高的版本就已经不会带有警告。

第二种是通过修改文件后缀名的方式。

Node.Js 要求 ES6 模块采用 .mjs 后缀文件名。只要是使用 import / export 的方式，就需要设置后缀为 .mjs 。Node.Js 在遇到 .mjs 文件，就认为它是 ES6 模块，默认开启严格模式，就不需要在文件顶部指定 "use strict" 了。也就需要指定 "type": "module" 了。

在没有指定 "type": "module" 的情况下，ES6 模块改为后缀为 .mjs，正常的 .js 文件还是以 CommonJS 模块加载，但是如果指定 "type": "module" 的情况下，.js 文件是以 ES6 模块解析的，所以遇到 require() 就会报错。所以这种情况下，就需要使用 .cjs 的后缀来指定使用 CommonJS 模块解析了。

 

ES6 模块与 CommonJS 模块尽量不要混用，require命令不能加载.mjs文件，会报错，只有import命令才可以加载.mjs文件。反过来，.mjs文件里面也不能使用require命令，必须使用import。

注意： 在 Node.Js 中导入文件，文件后缀名必须要加，不然会报错，和 Webpack 不一样，Webpack 可以通过配置 resolve.extensions 来忽略后缀。