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

Question

时间过得真快，现在 Node.js 版本 10.0.0 已经向公众发布了。当我使用 MERN 堆栈时，我经常必须在 ES6 import/export 之间切换。前端 (React.JS) 和 CommonJS 的语法 module.exports/require我的 Node/Express 服务器端的语法。我真的希望写作风格能统一在import/export很快就无需使用 Babel 并从 native 支持中获取它。

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

但是，当我尝试使用 import/export 时Node 上的语法，它永远不起作用。例如，我尝试过这个:

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 本地服务器上运行吗？我错过了什么？

---

已添加:

我之所以想尝试这个实验性的功能，是为了前后的编码风格保持一致。因为它现在可以在本地使用，所以我想做好准备。一旦达到第二阶段，我就可以适应 import/export速度快，疼痛少。

但显然，Google (ref)和爱彼迎 (ref)对于是否应该使用 import/export 有不同的观点语法是否在他们的代码风格指南中。根据 Google 的说法，我仍然感到惊讶的是，在 ECMA2019 即将召开之际，ES6 导入/导出的语义尚未最终确定。我只是想知道什么时候我才能真正使用import/export在我的项目中，或者什么是真正需要最终确定的？

---

更新:

经Jaromanda X指出后，如果我将文件名更改为 .mjs然后就可以了。本来我以为要加载的模块必须命名为 .mjs扩展，但看来我错了。但是，如果是这种情况，这意味着我需要重命名 .mjs 中的所有项目文件。 ...这没有吸引力。只是想知道是否有办法在传统的.js中使用这个功能呢？文件？我应该配置什么？

Answer 1

目前node.js v10中的ECMAScript模块尚未最终确定，因此不建议在生产环境中使用它。由于导入/导出的使用在 ECMAScript 规范中已标准化，因此无论如何，Node 为社区提供此类支持非常重要。

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

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

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

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

加载器函数需要检查要加载的文件是否在 JS_EXTENSIONS 数据集中。这里，加载器函数的关键是它应该返回一个具有两个属性的对象: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 。一旦你正确配置了加载器(根据你的需要)，那么你应该能够使用导入/导出，就像你可以在 Node 项目中的前端React应用程序中使用一样。