在 Javascript 控制台中使用所有应用程序的导入？答案

【问题标题】：Use All of App's Imports in Javascript Console?在 Javascript 控制台中使用所有应用程序的导入？
【发布时间】：2020-09-23 22:31:52
【问题描述】：

当我在 JS 的调试控制台中（在调试给定的源文件期间），并且我尝试使用在我的源文件中导入的模块时，我收到以下错误：

Uncaught ReferenceError: myModule is not defined

这似乎适用于导入用于调试控制台的 javascript 模块：

import myModule from '/path/to/module.js';
window.myModule = myModule;

// in the console:
myModule.foo();

（有关详细信息，请参阅this answer...）

我希望能够对给定文件中的所有模块导入执行此操作，这很容易吗？

伪代码：

for (i = 0; i < num_modules; i++) {
  window[module.name] = modules[i];
}

【问题讨论】：

【解决方案1】：

我不相信有一种方法可以使用静态 ES6 模块导入来完成您所要求的事情。您可能可以通过使用dynamic imports 创建自己的方法来执行导入，然后可以将导入的模块附加到window，或者使用允许您挂钩到导入过程或以其他方式公开的模块加载器/捆绑器进口清单。

【讨论】：