¿Cómo conseguir que webpack y iis express trabajen juntos?

Tengo Angular 2 y Webpack 2 starter que se ejecutan en nodo por webpack-dev-server, y tengo que ejecutarlo desde Visual Studio con web-api.

El problema es cuando angular2-webpack-starter ejecuta webpack-dev-server en el puerto 3000. e IIS Express se ejecuta en un puerto diferente 5000.

Esto es muy importante para mí porque quiero usar HMR y volver a cargar cada vez que se cambian los archivos.

Entonces, ¿cómo se pueden combinar? correr en el mismo puerto? ¿O alguna otra solución?

Lo encontré ! – Combinando con un servidor existente Resumen y ejemplo:

Es posible que desee ejecutar un servidor backend o una simulación de él en desarrollo. No debe utilizar el webpack-dev-server como backend. Su único propósito es servir activos estáticos (paquetes web).

Puede ejecutar dos servidores en paralelo: el webpack-dev-server y su servidor backend.

En este caso, debe enseñar a los activos generados por el paquete web que realicen solicitudes al servidor webpack-dev, incluso cuando se ejecutan en una página HTML enviada por el servidor de back-end. Por otro lado, debe enseñar a su servidor backend a generar páginas HTML que incluyan tags de script que apunten a activos en el webpack-dev-server. Además, necesita una conexión entre el webpack-dev-server y el tiempo de ejecución de webpack-dev-server para desencadenar recargas en la recomstackción.

Para enseñar a webpack a realizar solicitudes (para carga de trozos o HMR) al servidor webpack-dev, debe proporcionar una URL completa en la opción output.publicPath.

Para hacer una conexión entre webpack-dev-server y su mejor tiempo de ejecución, use el modo en línea con –inline. La CLI de webpack-dev-server incluye automáticamente un punto de entrada que establece una conexión WebSocket. (También puede usar el modo iframe si apunta –content-base del servidor webpack-dev a su servidor backend. Si necesita una conexión websocket a su servidor backend, tendrá que usar el modo iframe.

Cuando use el modo en línea, simplemente abra la URL del servidor backend en sus navegadores web. (Si usa el modo iframe, abra la dirección URL / prefijo / webpack-dev-server / del servidor webpack-dev).

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

La respuesta aceptada es para la versión 1. Si está usando la versión 2, puede usar una plantilla vue para comenzar.

Basándome en las plantillas de vue existentes, hice una plantilla de vue que puede instalar con vue-cli . Esta plantilla lo inicia para una aplicación vue que puede ampliar o integrar en su entorno existente.

 npm install -g vue-cli vue init delcon/webpack-simple cd my-project npm install 

devwatch:

Esta plantilla tiene una opción adicional de devwatch de ejecución que busca cambios de archivos en lugar de usar el webpack-dev-server. Esto lo hace utilizable para cualquier entorno de servidor web existente. Utiliza livereload para actualizar su navegador en los cambios.

 npm run devwatch 

dev:

para ejecutarlo con el webpack-dev-server predeterminado, elimine en index.html :

 npm run dev 

construir:

para construir su proyecto para la producción:

 npm run build