title: Webpack: How to compile, write on disk and serve static content (js/css) using webpack-dev-server
body: <p>I want to build my js/css code, write it on disk and serve it using webpack-dev-server in a single command. I don't want to set-up another server for production mode. How do we do it? Sharing my webpack.config.js file content below: </p>
  
  <pre><code>module.exports = {
  watch: true,
  entry: [
      './src/index.js'
  ],
  output: {
      path: __dirname +'/dist/',
      publicPath: '/dist/',
      filename: 'bundle.js'
  },
  module: {
      loaders: [
          {
              exclude:/(node_modules)/,
              loader: 'babel',
              query: {
                  presets: ['es2015', 'react']
              }
          }
      ]
  },
  devServer: {
      historyApiFallback: true,
      contentBase: './'
  }
  };
  </code></pre>
  
  <p>Please find the start script used in package.json below:</p>
  
  <pre><code>"start": "webpack-dev-server --progress --colors"
  </code></pre>
  
  <p>I am running "npm run start". Please help.</p>