title: Webpack not loading png images
body: <p>I have few images in src folder:</p>
  
  <pre><code>src/img/favicon.png
  src/img/profpic.png
  </code></pre>
  
  <p>In index.html file I will point as </p>
  
  <pre><code>    &lt;link rel="shortcut icon" href="img/favicon.png" /&gt;
  </code></pre>
  
  <p>In some html files I will point as</p>
  
  <pre><code>    &lt;img src="img/profpic.png" /&gt;
  </code></pre>
  
  <p>I am trying to load images, fonts via webpack. Below is my webpack.config</p>
  
  <pre><code>module.exports = {
      context: path.resolve('src'),
      entry: {
          app: ["./index.ts"]
      },
      output: {
          path: path.resolve('build'),
          filename: "appBundle.js"
      },
      devServer: {
          contentBase: 'src'
      },
      watch: true,
      module: {
          preLoaders: [
              {
                  test: /\.ts$/,
                  loader: "tslint"
              }
          ],
          loaders: [
                      {test: /\.ts(x?)$/, exclude: /node_modules/,loaders: ['ng-annotate-loader','ts-loader']},
                      {
                          test: /\.css$/,
                          loader: 'style-loader!css-loader'
                      },
                      {
                          test: /\.scss$/,
                          loader: 'style!css!sass'
                      }, {
                          test: /\.html$/,
                          exclude: /node_modules/,
                          loader: 'raw'
                      }, {
                          test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                          loader: 'url-loader?limit=1000000&amp;mimetype=application/font-woff'
                      }, {
                          test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                          loader: 'file-loader'
                      }, {
                          test: /\.json$/,
                          loader: "json-loader"
                      }, {
                          test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'
                      }
                  ];
      }
      plugins: [          
          new HtmlWebpackPlugin({
              template: './index.html',
              inject: 'body',
              hash: true
          }),
          new webpack.ProvidePlugin({
              $: 'jquery',
              jQuery: 'jquery',
              'window.jQuery': 'jquery',
              'window.jquery': 'jquery'
          })
      ],
      resolve: {
          extensions: ['', '.js', '.es6', '.ts']
      }
  }
  </code></pre>
  
  <p>Trying to load the images/fonts to webpack output folder. Its not throwing any error. Its successfully building but in build which is my webpack output folder font is loading fine but images​ are not loading</p>
  
  <p><a href="https://i.stack.imgur.com/YKhvK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YKhvK.png" alt="Build Folder after running webpack"></a></p>