webPack开发服务器代理重写URL作为响应

时间:2019-03-01 00:01:55

标签: webpack webpack-dev-server

我正试图从BrowserSync迁移到Webpack Dev Server,以便在本地开发服务器中为PHP应用程序热加载前端资产。

我已经使用代理进行了所有操作,这样已经在https://localhost上运行的应用程序将被代理到https://localhost:3000,并且可以从{{1} }和localhost:3000/dist/foo.js

问题在于标记仍然显示

localhost:3000/dist/bar.css

这些资产404是因为<script src="https://localhost/dist/foo.js"></script> <link href="https://localhost/dist/bar.css"> 目录仅存在于端口3000上。

BrowserSync会在我的html中更新这些路径以指向正确的端口,但是我不知道如何使用WebPack开发服务器来做同样的事情。

我正在使用Webpack 4.29.3和webpack开发服务器3.1.14。配置如下:

/dist

0 个答案:

没有答案