ES6 (ECMAScript 2015） 模块:导入索引.js

ES6 (ECMAScript 2015) modules: import index.js

本文关键字：导入 索引 js 模块 ECMAScript 2015 ES6      更新时间：2023-09-26

在互联网上查找，我对特殊的"index.js"模块文件感到困惑。

使用

babelJS + Node.js 或 Browserify/Webpack，我可以使用 import myLib from "./libs" 在 "libs" 目录中导入一个 "index.js" 模块(即省略/index或/index.js部分(。

ES6 (ECMAScript 2015( 模块是否支持"index.js"模块分辨率(指定包含文件夹(是官方标准？或者它只是"自定义"节点.js/CommonJS转译行为？

是否可以省略/index |/index.js所有浏览器中导入的一部分(当所有浏览器都支持模块时(？

ES6 (ECMAScript 2015( 模块支持的"index.js"模块分辨率(指定包含文件夹(是否为官方标准？

不。ES2015不包含有关模块加载器或如何解释模块标识符的任何内容。

<小时 />

或者它只是"自定义"Node.js/CommonJS转译行为？

是的。您可以在文档中阅读有关模块解析算法的信息。相关部分：

require(X) from module at path Y
1. If X is a core module,
   a. return the core module
   b. STOP
2. If X begins with './' or '/' or '../'
   a. LOAD_AS_FILE(Y + X)
   b. LOAD_AS_DIRECTORY(Y + X)
3. LOAD_NODE_MODULES(X, dirname(Y))
4. THROW "not found"

[...]

LOAD_AS_DIRECTORY(X)
1. If X/package.json is a file,
   a. Parse X/package.json, and look for "main" field.
   b. let M = X + (json main field)
   c. LOAD_AS_FILE(M)
2. If X/index.js is a file, load X/index.js as JavaScript text.  STOP
3. If X/index.json is a file, parse X/index.json to a JavaScript object. STOP
4. If X/index.node is a file, load X/index.node as binary addon.  STOP
<小时 />

是否可以在所有浏览器中省略导入的/index|/index.js 部分(当所有浏览器都支持模块时(？

希望浏览器实现的目标是与现有模块加载器的最大兼容性，但目前我们不知道。也许它也与浏览器无关，但与服务器如何解析模块标识符有关。我承认我最近没有关注发展，所以非常感谢任何其他见解:)

Node.js团队正在研究一种解决方法：https://nodejs.org/api/esm.html#esm_customizing_esm_specifier_resolution_algorithm

node --experimental-specifier-resolution=node index
相关文章：