导出默认<Class>导出双嵌套默认

Question

首先，我想说，我知道我的标题不是描述我的问题的最好方式，但同时我对这项技术没有一个清晰的理解，无法以更好的方式表达它。

一些信息

我正在做一个相当大的开源项目，通过使用webpack，您可以将整个过程捆绑在一个文件中。

这个项目大部分是用打字本写的。

积攒

我有一个脚本，它以这种方式包含和导出类Dom()：

export default class Dom {
    //stuff
}

在另一个脚本中，我将这个类导入为$，并通过$.functionName()访问它，没有编译器错误。

import $ from './dom';

export default class SelectionUtils {
    //stuff
}

问题

在编译了整个项目并与webpack捆绑之后，我部署了它，并看到类Dom的实例是以_dom.default.default而不是_dom.default的形式部署的。这意味着我没有访问类函数的权限。

对象结构：

_dom
 |--default
 |  |--default: f Dom()
 |  |--__esModule: true
 |  |--_proto_: Object
 |--_proto_: Object

任何关于为什么会发生这种情况的暗示都是值得欢迎的。

提前谢谢。

PS:我试着尽我所能把这篇文章说清楚，但又一次，由于我不理解问题的本质，所以我很难表达出来。

Answer 1

我通过在要使用导入的类中创建一个变量来解决我的问题。

就像这样：

export default class SelectionUtils {
    
    public $ = require('./dom').default;
    //stuff
}

我知道这可能不是最好的解决方案，但它目前是可行的。