javascript - 如何正确配置实验性 ECMAScript 模块以便在 Node.js 中使用导入/导出

Question

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

一个好消息是自去年我阅读 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)和爱彼迎 (ref)对于我们是否应该在他们的代码风格指南中使用 import/export 语法有不同的观点。基于谷歌，我仍然感到惊讶的是，在 ECMA2019 即将到来的时候，ES6 导入/导出的语义尚未最终确定。我只是想知道我什么时候才能真正在我的项目中使用import/export，或者真正需要完成什么？

---

更新:

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

Answer 1

此时 ECMAScript Module 还没有在 node.js v10 中完成，所以不建议在生产环境中使用它。由于 import/export 的使用已在 ECMAScript 规范中进行了标准化，因此无论如何，node 为社区提供此类支持非常重要。

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

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

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

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

加载器函数需要检查要加载的文件是否在 JS_EXTENSIONS 数据集中。在这里，loader 函数的关键是它应该返回一个具有两个属性的对象:url 和 format，即:

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 就像你可以在你的 Node 项目中使用前端 react 应用程序一样。