我正试图从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