如何告诉 webpack 在哪里可以找到动态导入的模块?

How to tell webpack where to find dynamically imported module?

我正在使用 Webpack 的代码拆分/延迟加载功能和动态 import 语句。我的代码看起来像这样:

import(/* webpackChunkName: "foo" */'../vendor/foo.js').then(() => {
    // ...
});

Webpack 正确地将其拆分为自己的 foo 包,但是当执行此代码时,Webpack 会尝试从 /foo.js 加载文件,这会导致 404,因为实际文件已提供来自 /js/foo.js。我如何告诉 Webpack 不要从根目录中获取它?

我发现我需要设置 output.publicPath