如何正确配置实验性 ECMAScript 模块以便 import/export 可以在 Node.js 中使用

How to correctly configure experimental ECMAScript module so import/export can be used in Node.js

时间飞逝,现在 Node.js ver.10.0.0 已经发布 public。当我使用 MERN 堆栈时,我经常需要在前端的 ES6 import/export 语法 (React.JS) 和 [=57= 中的 CommonJS module.exports/require 语法之间切换] 服务器端。而且我真的希望在不使用 Babel 的情况下,可以在 import/export 中尽快统一写作风格,并从本机支持中获取它。

一个好消息是,自从去年我读到 James' post on Medium 解决了 Node.js 中实现 ES6 模块系统的困难,实验性 ECMAScript 模块现在处于稳定性 1 一段时间,这意味着它可以通过 --experimental-modules 标志启用。

但是,当我尝试在 Node 上使用 import/export 语法时,它永远无法工作。例如,我试过这个:

import fs from 'fs';
console.log(typeof fs.readFile);

上面的代码会抛出错误:

(function (exports, require, module, __filename, __dirname) { import fs from 'fs';
                                                                     ^^
SyntaxError: Unexpected identifier

我真的确定我已经启用了作为 $node --experimental-modules 的实验性标志调用,那么我应该怎么做才能让 ES6 import/export 实验性模块在我的 Node 本地服务器上运行?我错过了什么?


已添加:

我之所以要尝试这个实验性的功能,是为了前后一致的编码风格。而且因为它现在本地可用,所以我想做好准备。一旦达到第 2 阶段,我就可以很快适应 import/export 并减轻痛苦。

但显然,Google (ref) and AirBnb(ref) 对于我们是否应该在他们的代码风格指南中使用 import/export 语法有不同的观点。并且基于 Google,我仍然感到惊讶的是,ES6 import/export 的语义尚未最终确定,而 ECMA2019 正在进行中。我只是想知道我什么时候才能真正在我的项目中使用import/export,或者真正需要最终确定的是什么?


更新:

Jaromanda X指出后,如果我把文件名改成.mjs就可以了。本来我以为是要加载的模块必须以 .mjs 扩展名命名,但看来我错了。但是,如果是这样的话,这意味着我需要在 .mjs 中重命名我的所有项目文件......这并不吸引人。只是想知道是否有办法在传统的 .js 文件中使用此功能?我应该配置什么?

此时ECMAScript Module还没有在node.jsv10中完成,所以不建议在生产环境中使用。由于 import/export 的使用在 ECMAScript 规范中被标准化,因此无论如何,node 为社区提供这样的支持是很重要的。

require()ECMAScript 模块 之间的主要区别在于节点将如何处理其缓存。与 require() 不同,到目前为止 ECMAScript 模块 没有这样的 API 来操作模块缓存。另外,不知道在没有加载器的情况下,普通*.js文件是否会直接支持它,敬请期待。

现在的方向是尝试引入一个新的 *.mjs 文件以明确显示它使用了标准的 JS 模块(符合 ES6),但如果仔细阅读 doc 你实际上可以看到也可以指定您自己的扩展名匹配,包括使用更传统的 *.js。但是,它需要更多的配置和使用 --loader 标志来加载额外的配置。

支持6种不同的格式,包括用C++编写的模块(也可以用require()加载),非常强大。简而言之,要使用*.js文件扩展名,加载程序中的关键设置是:

const JS_EXTENSIONS = new Set(['.js', '.mjs']);

并且加载程序函数需要检查要加载的文件是否在 JS_EXTENSIONS 数据集中。这里,loader 函数中的关键是它应该 return 一个具有两个属性的对象:urlformat,即:

return {
  url: (...),    // e.g. './x?n=1234'
  format: 'esm', // there are 5 + 1 dynamic formatting
};

建议将加载器命名为custom-loader.mjs,并使用$node --experimental-modules --loader ./custom-loader.mjs,因为它在官方doc中进行了演示。一旦你正确配置了加载器(根据你的需要),那么你应该能够使用 import/export 就像你可以在你的节点项目中使用前端反应应用程序一样。