title: I have set up webpack but the output html and localhost 8080 html are not the same
body: <p>I have localhost 8080 running as dev server and its looking alright. I have check the elements the css style, yes there and JavaScript is also there for automatically but the real doc html the one I edit in the file tree the same one i edit does not have the style and JavaScript written automatically what is going on ?
  my web pack .<code>config.js</code> is as below </p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  var ExtractTextPlugin=require('extract-text-webpack-plugin');
  //var CommonsChunkPlugin=require('webpack/lib/optimize/CommonsChunkPlugin');
  module.exports = {
      devtool: 'eval',
      context: path.join(__dirname, 'src'),
      entry: {
          app: './app/app.js',
          about: './about/about.js',
          //vendors:['jquery']
      },
      output: {
          path: path.join(__dirname, 'dist'),
          filename: '[name].bundle.js'
      },
      module: {
          preLoaders: [
              {
                  test: /\.js?$/,
                  include: path.join(__dirname, 'src'),
                  loader: 'jshint-loader'
              }
          ],
          loaders: [
              {
                  test: /\.(js|jsx)$/,
                  loader: 'babel-loader',
                  include: path.join(__dirname, 'src'),
                  exclude: /node_module/,
                  query: {
                      presets: ['es2015', 'react', 'stage-1']
                  }
              },
              {
                  test: /\.css$/,
                  loader: 'css-loader',
                  include: path.join(__dirname, 'src', 'css'),
              },
              {
                  test: /\.scss$/,
                  loader:'style-loader!css-loader!sass-loader',
                  include: path.join(__dirname, 'src')
              },
              {
                  test: /\.(png|jpg)$/,
                  loader: 'url-loader?limit=8192',
                  include: path.join(__dirname, 'src', 'images')
              },{
                  test:/\.jpg$/,
                  loader:'file-loader'
              },
  
              {
                  test: /\.(woff2?|svg)$/,
                  loader: 'url-loader?limit=10000',
                  include:path.join(__dirname, 'src')
              },
              {
                  test: /\.(ttf|eot)$/,
                  loader: 'file-loader',
                  include:path.join(__dirname, 'src')
              }
          ]
      },
      jshint: {
          'esnext': true
      },
      devServer: {
          contentBase: path.join(__dirname, 'dist'),
          inline: true,
          stats: {
              colors: true,
              reasons: true,
              chunks: false
          }
  
      },
      plugins: [
  
          new HtmlWebpackPlugin({
              template: path.join(__dirname, 'src', 'index.html'),
              hash: true,
              chunks: ['app']
          }),
          new HtmlWebpackPlugin({
              template: path.join(__dirname, 'src', 'index.html'),
              hash: true,
              filename: 'about.html',
              chunks: ['about']
          })
  
          //new CommonsChunkPlugin({
          //  name:['commons','vendors','bootstrap']
          //})
      ],
      watch: true
  };
  </code></pre>