Dada esta configuración:

var webpack = require('webpack');
const path = require('path')

module.exports = {
  entry: "./src/index.js",
  output: {
    path: path.join(__dirname, 'dist'),
    publicPath: path.join(__dirname, 'dist'),
    filename: "bundle.js"
  },
  devServer: {
    contentBase: "./dist",
    // hot: true,
  } 
}

¿Por qué el servidor webpack-dev-server no utiliza mi aplicación correctamente? Tengo un 0% de comprensión de localhost, vs localhost / webpack-dev-server, vs publicPath, vs contentBase, etc. Sé que todas estas rutas y claves de configuración son importantes para configurar mi proyecto correctamente, pero a pesar de horas de leer sobre ellos, siguen siendo tan confusos como cuando comencé.

Si voy alocalhost:8080/webpack-dev-server VeoGet http://localhost:8080/bundle.js net: ERR_ABORTED` en la consola.