`import * as bootstrap from '../node_modules/bootstrap'` 的工作原理是什么？

问题描述 #

我在app.js顶部写了这样一行代码：

import * as bootstrap from '../../node_modules/bootstrap';

紧接着执行console.log(bootstrap)，能看到bootstrap变量确实包含完整的Bootstrap对象，符合预期。但我有点好奇：node_modules/bootstrap只是个目录，结构如下：

|- node_modules
    |-> bootstrap
        |-> dist [dir]
        |-> js [dir]
        |-> scss [dir]
        |-> LICENCE [txt file]
        |-> package.json
        |-> README.md

程序到底是怎么确定要把哪些内容导入到bootstrap变量里的？目前代码运行正常，纯粹是想搞懂原理。

编辑：自原帖发布后已修改目录结构

原理解析 #

• 核心依据是目录下的package.json文件，其中的main字段会明确指定这个npm包的入口文件。当你导入一个目录路径时，JS模块解析器会优先读取这个字段的值，找到对应的入口文件进行导入。Bootstrap的package.json里main字段大概率指向了dist/js/bootstrap.js这类编译好的完整入口文件，这就是你能拿到包含所有属性的Bootstrap对象的原因。
• 如果package.json中没有配置main字段，模块解析器会自动尝试查找目录下的index.js、index.mjs这类默认命名的入口文件。不过Bootstrap作为规范的npm包，肯定配置了main字段，所以不会走这条 fallback 逻辑。
• 部分现代npm包还会配置module字段，专门为ES模块提供入口文件。如果你的模块解析器支持ES模块规范，可能会优先采用module字段指定的文件，但本质还是通过package.json的配置字段来确定最终要导入的内容。

内容的提问来源于stack exchange，提问作者cartbeforehorse