Question

我有一个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 =＆＃34; /vendor.8ef0f4df1a333e035c4d.js" 。

我如何使用webpack相对地提供这些文件，如下所示： SRC =＆＃34; vendor.8ef0f4df1a333e035c4d.js＆＃34;吗

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

Answer 1

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

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

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

1 个答案: