javascript - Webpack 中的 "publicPath"有什么作用？

Question

Webpack docs声明 output.publicPath 是:

The output.path from the view of the JavaScript.

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

我使用 output.path 和 output.filename 来指定 Webpack 应该在哪里输出结果，但我不确定在 output 中放什么。 publicPath 以及是否需要。

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

Answer 1

输出路径

存储所有输出文件的本地磁盘目录(绝对路径)。

示例: path.join(__dirname, "build/")

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

---

output.publicPath

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

示例: /assets/

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

通过使用 /assets/，应用程序将在 http://server/assets/ 处找到 webpack Assets 。在后台，webpack 遇到的每个 url 都将被重写为以“/assets/”开头。

src="picture.jpg" Re-writes ➡ src="/assets/picture.jpg"

Accessed by: (http://server/assets/picture.jpg)

---

src="/img/picture.jpg" Re-writes ➡ src="/assets/img/picture.jpg"

Accessed by: (http://server/assets/img/picture.jpg)