导入一个object？ 组织模块库的最佳实践

Question

您好，我想创建一个带有一组辅助函数的模块库。 不确定将代码放在哪里以保持一切井井有条，首先想到的是创建它：

lib-name
 - main.js
 - some-module
    - some-part-of-the-module.js
    - some-other-part-of-the-module.js

但是，在访问库中的对象时，我希望能够使用点范围，比如

lib-name.some-module.some-thing("This is a function argument!");

既要避免违反 ODR 又要避免有 10-50 行的导入。

我最好如何设置它？ 希望有一个完全普通的解决方案，尽管如果有任何通用库可以解决这类问题，我会洗耳恭听。 我完全没有前端框架并使用 flask 后端编写我的项目（我认为后者不相关？）。 理想情况下，至少要避免使用构建系统。

已经在https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules看了一点，但似乎import不支持导入现有对象 - 很难实现我的。 访问者的梦想没有太多的麻烦。

Answer 1

这只是我的想法，可能有更好的方法来做到这一点。 从我的评论继续，这里我会做什么：

libname/
  some-module/
    some-part-of-the-module.js
    some-other-part-of-the-module.js
  index.js

index.js是桥接文件。 里面会是这样的：

import { someFunction } from './some-module/some-part-of-the-module.js';
import { someOtherFunction } from './some-module/some-other-part-of-the-module.js';

const libname = {
  someFunction,
  someOtherFunction
}

export default libname;

当你想使用时，你会做类似的事情：

import libname from "libname";

libname.someFunction();
libname.someOtherFunction();

注意：桥接文件名为index.js ，因为当您从中导入内容时，不需要指定文件名。