如何在特定路径上的反向代理后面托管Webpack应用？

Question

我有一个在Caddy服务器后面运行的webpack应用，我正在尝试对其进行设置，以使该应用可以在example.com/app上运行。我相信我已经正确配置了Caddy来执行此操作（使用“ without / app”），并且更改我的index.html以将main.js称为app / main.js足够简单。但是，由webpack生成的所有内部引用（例如块等）都不知道该设置。我看过webpack代理和publicPath选项，但它们似乎并不是我所需要的。我敢肯定这是一个非常普遍的情况，但是对我来说，如何实现尚不明确。

Answer 1

显然publicPath确实是答案：

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

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