¿Dónde están los archivos js generados por webpack-dev-server?
En memoria. Dado que cada vez que guardamos la página, el archivo se volverá a empaquetar, por lo que para compilar más rápido, webpack-dev-server coloca el archivo js generado en la memoria, que se sabe que es muy rápida en la memoria.
Complemento: html-webpack-plugin
El uso habitual de este complemento es generar un index.html en la memoria basado en la plantilla index.html especificada, automáticamente introducirá el archivo bundle.js en la memoria empaquetada por webpack-dev-server, cuando desarrollemos , Puede solicitar el index.html que existe en la memoria, lo que puede reducir eficazmente el retraso de actualización causado por la lectura del contenido en el disco físico.
new htmlWebpackPlugin ({ template: path.resolve (__ dirname, 'index.html'), filename: 'index.html' }) Aquí, template se refiere a la ubicación del archivo de plantilla y filename representa el nombre del archivo generado.
Si no lo configura, la ubicación de index.html generado por html-webpack-plugin por defecto es la misma que la que configuramos en la salida. Verificamos que la ubicación de la ruta en la salida esté en la carpeta dist, luego el archivo index.html generado estará en la carpeta dist, pero no podemos verificarlo porque está en la memoria.