webpack - 带有表达式的 ES6 动态导入

Question

我正在尝试根据子类的类名动态加载模块。代码可以在这里看到：

const name = this.constructor.name;
import(
  `../../src/components/${name}/View/${name}.js`).then((module) => {
});

我正在使用一个由子类扩展的mixin。mixin 位于 node_modules 中。

假设子类位于./src/components/ExampleComponent有没有办法从 mixin 中推断出子类的目录？

无论如何可以推断项目根目录？

使用 webpack，webpack 无法找到模板ExampleComponent/View/ExampleComponent ，除非 mixin 位于项目根目录中。

谢谢你的帮助。

标签： webpackecmascript-6lit-element