node.js - open - webpack-dev-server npm
¿Necesito webpack-dev-server si estoy usando un servidor de nodos como Express? (1)
Como tengo un servidor express, ¿realmente necesito webpack-dev-server?
Si y no. Puede usar un enfoque híbrido, que esencialmente configura el servidor webpack-dev como un proxy. Usted tiene su servidor express que sirve todo, excepto los activos. Si se trata de un activo, la solicitud se reenvía / envía al servidor web-dev-server. Consulte la respuesta aquí para obtener más detalles: cómo permitir que el servidor webpack-dev-server permita puntos de entrada desde el router de reacción
Alternativamente, puede usar webpack-dev-middleware y webpack-hot-middleware en su lugar si no quiere lidiar con toda la desordenada lógica de proxying y tener 2 servidores en ejecución. Vea el ejemplo aquí: https://github.com/glenjamin/webpack-hot-middleware/blob/master/example/server.js
¿Cuáles son las ventajas y desventajas de usarlo?
Live-reloading y reemplazo de módulos en caliente. Característica muy útil para el desarrollo en mi opinión
Y si quiero usar reaccionar-cargador-caliente, ¿es necesario el servidor webpack-dev-server?
No, funciona sobre la interfaz de reemplazo de módulos calientes de Webpack. Puede crear su propio "servidor caliente" si lo desea. El cliente webpack-dev-server solo escucha socket.io para actualizaciones y llamadas a postMessage ( https://github.com/webpack/webpack-dev-server/blob/8e8f540b2f7b35f7b6c3ce616a7fd2215aaa6eea/client/index.js#L64-L67 ) que luego es recogido por el servidor https://github.com/webpack/webpack/blob/bac9b48bfb0f7dd9732f2faafb43ebb22ee2a2a7/hot/only-dev-server.js#L59-L67 .
O lo que recomiendo es que solo puedas usar el webpack-dev-middleware y el middleware caliente-webpack que mencioné anteriormente. De esta manera, no tiene que preocuparse por la lógica de proxy y puede integrar fácilmente la recarga en caliente en su servidor express existente sin la necesidad de webpack-dev-server
Estoy siguiendo algunos tutoriales para construir una aplicación isomorfa con express y reaccionar. Estoy confundiendo con el servidor webpack-dev.
El tutorial de webpack dice sobre el servidor webpack-dev:
Esto une un pequeño servidor express en localhost: 8080 que sirve sus activos estáticos, así como el paquete (compilado automáticamente).
Actualiza automáticamente la página del navegador cuando se recompila un paquete (socket.io). Abra http://localhost:8080/webpack-dev-server/bundle en su navegador.
Como tengo un servidor express, ¿realmente necesito webpack-dev-server? ¿O cuáles son las ventajas y desventajas de usarlo? Y si quiero usar reaccionar-cargador-caliente, ¿es necesario el servidor webpack-dev-server?