最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

如何使webpack和iis Express协同工作?

运维笔记admin9浏览0评论

如何使webpack和iis Express协同工作?

如何使webpack和iis Express协同工作?

我有Angular 2 and Webpack 2 starter ,它在webpack-dev-server上的节点上运行,我要用web-api在Visual Studio中运行它。

问题是,angular2-webpack-starter在端口3000上运行webpack-dev-server,而IIS Express在不同的端口5000上运行。

这对我来说非常重要,因为我想使用HMR并在每次更改文件时重新加载。

所以,如何将它们组合在一起?在同一端口上运行?或任何其他解决方案?

回答如下:

我找到了! -与现有服务器结合摘要和示例:

您可能想在开发中运行后端服务器或它的模拟服务器。您不应将webpack-dev-server用作后端。其唯一目的是提供静态(网络打包)资产。

您可以并行运行两个服务器:webpack-dev-server和您的后端服务器。

在这种情况下,即使在后端服务器发送的HTML页面上运行,您也需要教导Webpack生成的资产向webpack-dev-server发出请求。另一方面,您需要教您的后端服务器生成HTML页面,其中包含指向webpack-dev-server上资产的脚本标签。除此之外,您还需要在webpack-dev-server和webpack-dev-server运行时之间建立连接,以在重新编译时触发重新加载。

要教webpack向webpack-dev-server发出请求(用于块加载或HMR),您需要在output.publicPath选项中提供完整的URL。

要使webpack-dev-server及其运行时最佳连接,请在--inline中使用内联模式。 webpack-dev-server CLI会自动包含一个用于建立WebSocket连接的入口点。 ((如果您将webpack-dev-server的--content-base指向后端服务器,也可以使用iframe模式。如果需要与后端服务器的websocket连接,则必须使用iframe模式。

使用内联模式时,只需在Web浏览器中打开后端服务器URL。 (如果使用iframe模式,请打开/ webpack-dev-server / webpack-dev-server的前缀URL。)

https://webpack.github.io/docs/webpack-dev-server.html#combining-with-an-existing-server

发布评论

评论列表(0)

  1. 暂无评论