Webpack Web包开发服务器惰性模块从错误的url加载

我确实有一个服务器端呈现（Java）应用程序，我想与WebpackDevServer集成，以实现快速开发

我的java应用程序在端口

8080

上运行

我正在使用以下脚本启动一个webpack dev服务器，监听

31337

“严格使用”；
const webpack=需要（“webpack”）；
const WebpackDevServer=require（“webpack dev server”）；
函数startServer（）{
const configFactory=require（“../config/webpack.config”）；
const config=configFactory（“开发”）；
const compiler=webpack（config）；
const devServer=新的WebpackDevServer（编译器{
港口：31337，
public:“localhost:31337”，
});
监听（31337）；
}
startServer（）；

在我的服务器端应用程序中，我将所有脚本标记更改为

src=http://localhost:31337/

。这对于主模块和运行时模块都很好

但该应用程序恰好使用了一个带有stenciljs的设计系统。 导入模具时，它似乎大量使用惰性模块/惰性导入/代码拆分。在初始页面加载后，这些块将作为

script

标记添加到文档的

标题中

问题是，这些生成的脚本标记不使用
localhost:31337
作为主机，而是使用相对路径（没有协议/主机/端口）

有办法解决这个问题吗？我已经尝试使用
LimitChunkCountPlugin
，但这确实会在加载页面时产生运行时错误

任何帮助都将不胜感激

生成的HTML：


正确的方法似乎是将
output.publicPath
设置为完全限定的URL

我确实将我的脚本更改为以下内容，这似乎可以完成任务：

“严格使用”；
const webpack=需要（“webpack”）；
const WebpackDevServer=require（“webpack dev server”）；
函数startServer（）{
const configFactory=require（“../config/webpack.config”）；
const config=configFactory（“开发”）；
config.output.publicPath=”http://localhost:31337/";
const compiler=webpack（config）；
const devServer=新的WebpackDevServer（编译器{
港口：31337，
public:“localhost:31337”，
公共路径：“http://localhost:31337/",
});
监听（31337）；
}
startServer（）；