Webpack-dev-server not bundling even after showing bundle valid message
<p>I've set up a basic react application with webpack but I couldn't get the <code>webpack-dev-server</code> running properly. </p>

<p>I've installed <code>webpack-dev-server</code> globally and tried running the command <code>sudo webpack-dev-server --hot</code> as hot reloading was required. </p>

<p>The project seems to be working fine with just <code>webpack</code> cmd. It builds into my build folder and I can get it working via some server but it wont work with <code>webpack-dev-server</code>. From terminal its clear that the build process has completed with no error being thrown [<code>webpack: bundle is now VALID.</code>] and its in fact watching properly because on any change it does trigger the build process but it doesn't really gets built [it doesn't serve my bundle.js]. I tried changing the entire config and still couldn't get the issue resolved. </p>

<p>It would be much appreciated if someone can help. </p>

<p>Following is my webpack.config.js file. </p>

<pre><code>var path = require('path');

module.exports = {
    devtool: '#inline-source-map"',

    watch: true,
    colors: true,
    progress: true,

    module: {
        loaders: [{
            loader: "babel",
            include: [
                path.resolve(__dirname, "src"),
            ],
            test: /\.jsx?$/,
            query: {
                plugins: ['transform-runtime'],
                presets: ['es2015', 'react', 'stage-0'],
            }
        }, {
            loader: 'style!css!sass',
            include: path.join(__dirname, 'src'),
            test: /\.scss$/
        }]
    },

    plugins: [],
    output: {
        path: path.join(__dirname, 'build/js'),
        publicPath: '/build/',
        filename: '[name].js'
    },
    entry: {
        bundle: [
            './src/index.js'
        ]
    },

    devServer: {
        contentBase: "./",
        inline: true,
        port: 8080
    },
};
</code></pre>