Webpack 中的“publicPath”有什么作用？

Webpack 文档声明output.publicPath is:

The output.path从 JavaScript 的角度来看。

您能详细说明一下这实际上意味着什么吗？

I use output.path and output.filename指定 Webpack 应在何处输出结果，但我不确定要输入什么output.publicPath以及是否需要。

module.exports = {
  output: {
    path: path.resolve("./examples/dist"),
    filename: "app.js",
    publicPath: "What should I put here?"   
  } 
}

output.path

用于存储所有输出文件的本地磁盘目录（绝对路径）.

Example: path.join(__dirname, "build/")

Webpack 将把所有内容输出到localdisk/path-to-your-project/build/

output.publicPath

您上传捆绑文件的位置。（绝对路径，或相对于主 HTML 文件）

Example: /assets/

假设您将应用程序部署在服务器根目录http://server/.

通过使用/assets/，应用程序将在以下位置找到 webpack 资源：http://server/assets/。在底层，webpack 遇到的每个 url 都将被重写，以“开头”/assets/".

src="picture.jpg"重写➡src="/assets/picture.jpg"

访问者：(http://server/assets/picture.jpg)

---

src="/img/picture.jpg"重写➡src="/assets/img/picture.jpg"

访问者：(http://server/assets/img/picture.jpg)