Webpack does not generate bundle file on npm run
<p>Greetings one and all,</p>

<p>After having made a React application, I decided to dive in deeper into Webpack.
I am rather new at the whole npm automation scene and after having followed a cookbook and various tutorials, I just cannot let <code>npm run dev</code> bundle my application. It generates a bundle.js perfectly fine when I run <code>webpack</code>, but what appealed to me was having webpack generate a physical file whenever I change something. Gulp and Grunt can do this for me, but I'd like to get it to work with webpack as well. </p>

<p>So, without further ado, some code. I run <code>npm run dev</code> which is defined like so (<code>package.json</code>, just the scripts part*):</p>

<pre><code>  "scripts": {
    "build": "webpack",
    "dev": "webpack-dev-server --devtool eval --progress --colors --hot --content-base build"
  }
</code></pre>

<p>With the following Webpack configuration:</p>

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

module.exports = {
    entry: path.resolve(__dirname, 'src/js/main.js'),
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '/js/bundle.js',
        publicPath: '/'
    },
    devServer: {
        inline: true,
        contentBase: './dist'
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015', 'react']
                }
            }
        ]
    },
    plugins: [
        new webpack.ResolverPlugin([
                new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])
            ], ["normal"], "loader")
    ]
};
</code></pre>

<p>Cases:
<code>webpack</code>: Bundles my application into dist/js/bundle.js perfectly fine.
<code>webpack-dev-server</code>: Seems to stream a memory bundle from my JS perfectly fine, but does not generate a bundle on disk.
<code>npm run dev</code>: Starts the webpack server, but does not result in a bundle, nor does my application run, resulting in a <strong>Cannot GET/</strong> error.</p>

<p>Can anyone point me in the right direction? I have tried variations on the config, but to no avail.. And just to be complete, I will show my directory structure:</p>

<pre><code>./project
    ./dist
        ./js
            ./bundle.js
    ./src
        ./js
            ./main.js
./package.json
./webpack.config.js
</code></pre>

<p>Once again, thanks for the assist!</p>