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

【问题标题】：How to tell webpack where to find dynamically imported module?如何告诉 webpack 在哪里可以找到动态导入的模块？
【发布时间】：2018-07-31 21:30:07
【问题描述】：

我正在使用带有动态 import 语句的 Webpack 的代码拆分/延迟加载功能。我的代码如下所示：

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

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

【问题讨论】：

【解决方案1】：

我发现我需要设置output.publicPath。

【讨论】：