如何正确配置实验性 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 一个具有两个属性的对象: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.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 一个具有两个属性的对象: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
就像你可以在你的节点项目中使用前端反应应用程序一样。