动态导入和resolve.alias

Question

我正在尝试根据别名动态导入一些组件

在我的webpack配置中，alias.resolve设置为card: path.resolve(__dirname, 'src/components/card.js')

在我尝试使用此dymaic导入的文件中，我已完成以下操作：

for (let b = 0; b < behaviors.length; b++) {
            const component = behaviors[b];
            import(component)
                .then(({ default: Component }) => {}
}

这不起作用，控制台吐出cannot find module 'card' 但是，如果我插入字符串"card"而不是变量，它就可以工作。

任何人都有任何想法，为什么会这样？