Nuestro grupo de trabajo ha estado por horas buscando para dar soluciones a tu búsqueda, te brindamos la soluciones de modo que nuestro deseo es serte de gran ayuda.
Solución:
Lo que funcionó para mí es escribir and not
in my
index.html
file.
// index.html
// obras
// ¡no funciona!
Acuerdo dist/bundle.js
ya que el archivo de salida funciona perfectamente bien si solo lo construye usando webpack
. Pero al usar webpack-dev-server
la static El archivo que ya está en el sistema de archivos continúa sirviéndose, y no el último reemplazo activo. Parece webpack-dev-server
se confunde cuando ve dist/bundle.js
en el archivo html y no lo reemplaza en caliente, aunque webpack.config.js
está configurado para esa ruta.
Cuando usas webpack-dev-server
construye todos los archivos internamente y no es escúpelos en tu ruta de salida. Correr webpack
solo, sin el servidor de desarrollo, hace la compilación real en el disco. El servidor de desarrollo hace todo en la memoria, lo que acelera mucho la recompilación.
Para solucionar su problema de recarga en caliente, configure la base de contenido en su directorio de origen y habilite el modo en línea
Al igual que:
webpack-dev-server --content-base src --hot --inline
Ninguna de las opciones en esta página funcionó para mí. Después de cambiar la sección devServer a:
devServer:
port: 8080,
contentBase: ['./src', './public'], // both src and output dirs
inline: true,
hot: true
,
funcionó.