javascript - 如何在特定路径上的反向代理后面托管 webpack 应用程序？

Question

我有一个在 Caddy 服务器后面运行的 webpack 应用程序，我正在尝试对其进行设置，以便该应用程序在 example.com/app 上运行。我相信我已经正确配置了 Caddy 来执行此操作（使用“不带 /app”），并且更改我的 index.html 以将 main.js 称为 app/main.js 非常简单。但是，webpack 生成的所有内部引用（例如块等）都不知道设置。我查看了 webpack 代理和 publicPath 选项，但它们似乎并不是我所需要的。我确信这是一个非常常见的场景，但对我来说如何做到这一点并不明显。

Answer 1

显然publicPath确实是答案：

output: {
  publicPath: '/app/',
}

我很困惑，因为当我查看捆绑文件时，网址似乎没有被修改。Webpack 必须在幕后做一些其他的黑魔法才能使其工作。