如何使用 webpack 在 javascript 中正确导入模块

Question

我有一个文件 my-class.js

class MyClass {
  constructor(container) {
    const myElements = container.querySelectorAll(".class");
    
    for (const myElement of myElements) {
       myElement.addEventlistener("click", this.doThings.bind(this));
    }

  }
  doThings() {
     // do things
  }
}

(() => {
   for (const of document.querySelectorAll(".class-holder")) {
     new MyClass(container);
   }
}

我使用import "./path-to-file/my-class"在我的 main.js 文件中导入。 但我想导出它而不是创建一个新实例，然后将它导入到我的 main.js 文件中。

但是，如果我使用export { MyClass } ，然后使用import { MyClass } from "./path-to-file/my-class.js" ，我会MyClass is declared but it's value is never read 。 如果我尝试使用new MyClass(); 我得到Cannot read property querySelectorAll of undefined 。 如何在我的主文件中正确导入，以便 my-class.js 中的代码正确运行？