My file structure is:

dist

  css

    style.css

  index.html

  js

    bundle.js

src

  css

    style.css

  index.html

  js

    main.js

node_modules

webpack.config.js

package.json

My webpack.config.js looks like:

module.exports = {

    entry: './src/js/main.js',

    output: {

        path: __dirname,

        filename: './dist/js/bundle.js'

    },

    module: {

        loaders: [

            {

                test: /.js$/,

                exclude: /(node_modules)/,

                loader: 'babel',

                query: {

                    presets: ['es2015']

                }

            },

            {

                test: /.vue$/,

                loader: 'vue'

            }

        ]

    }

};

I run:

webpack-dev-server --content-base dist --hot

And it builds and seems like it's working. localhost:8080 shows the expected result but hot-reload does just not work. When I change a file I can see in terminal that a rebuild is happening but nothing happens in the browser. Am I missing something in the config?