如何更改相对于 root 的 webpack dev-server 输出 publicPath答案

【问题标题】：How to change webpack dev-server output publicPath relative to root如何更改相对于 root 的 webpack dev-server 输出 publicPath
【发布时间】：2017-02-11 11:52:07
【问题描述】：

我有一个 webpack 配置，它以这种格式输出文件：

<!doctype html><html lang="en">
<head><title>Test</title>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link href="/app.d4748ed7545c989488198e70fba64ba6.css" rel="stylesheet">
</head>
<body><div id="root" style="height: 100%"></div>
 <script type="text/javascript" src="/vendor.8ef0f4df1a333e035c4d.js">
 </script><script type="text/javascript" src="/app.396d1daa0b3c37c76831.js">
 </script>
</body>
</html>

我感兴趣的部分是静态文件的服务。目前它像这样为他们服务：src="/vendor.8ef0f4df1a333e035c4d.js"。

我如何使用 webpack 来相对地提供这些文件，如下所示： src="vendor.8ef0f4df1a333e035c4d.js"?

将它放在 webpack 配置中的什么位置？我还通过 require.ensure 使用代码拆分。我是否也需要修改这些部分？请帮忙！

【问题讨论】：

你使用哪个插件来创建这个文件？如果可以，请提供 webpack 配置文件
能分享一下webpack的配置吗

标签： javascript html webpack webpack-dev-server

【解决方案1】：

根据我对webpack-4 documentation for output.publicPath 的理解，如果您将output.publicPath 设置为空字符串（即output.publicPath: ''），这应该会导致所有路径都被解析为相对于HTML 文档，这似乎是你感兴趣的行为。

我正在绘制的文档摘录在这里：

【讨论】：