title: Angular2 image not showing
body: <p>Anytime i add a image tag in the html and i do something like this:</p>
  
  <pre><code>&lt;img src="../resources/img/myimg.png"&gt;
  </code></pre>
  
  <p>The image doesn't show. Instead i get something this showing
  <a href="https://i.stack.imgur.com/mKJM0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mKJM0.png" alt="empty image"></a> </p>
  
  <p>I have tried putting <code>&lt;base href="/"&gt;</code> in my index.html head but i get no changes.
  What could be the cause of this?
  What else must i do to make this work?</p>
  
  <p>I also tried installing image-webpack-loader
  Here is the content of my webpack.config.js file</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var webpack = require('webpack');
  var path = require('path');
  
  
  // Webpack Config
  var webpackConfig = {
    entry: {
      'polyfills': './src/polyfills.browser.ts',
      'vendor':    './src/vendor.browser.ts',
      'main':       './src/main.browser.ts',
    },
  
    output: {
      path: __dirname + '/dist',
    },
  
    plugins: [
      new webpack.optimize.OccurenceOrderPlugin(true),
      new webpack.optimize.CommonsChunkPlugin({ name: ['main', 'vendor', 'polyfills'], minChunks: Infinity }),
    ],
  
    module: {
      loaders: [
        // .ts files for TypeScript
        { test: /\.ts$/, loaders: ['awesome-typescript-loader', 'angular2-template-loader'] },
        { test: /\.css$/, loaders: ['to-string-loader', 'css-loader'] },
        { test: /\.html$/, loader: 'raw-loader' },
        {
      test: /.*\.(gif|png|jpe?g|svg)$/i,
      loaders: [
        'file?hash=sha512&amp;digest=hex&amp;name=[hash].[ext]',
        'image-webpack?{progressive:true, optimizationLevel: 7, interlaced: false, pngquant:{quality: "65-90", speed: 4}}'
      ]
    }
      ]
    }
  
  };
  
  
  // Our Webpack Defaults
  var defaultConfig = {
    devtool: 'cheap-module-source-map',
    cache: true,
    debug: true,
    output: {
      filename: '[name].bundle.js',
      sourceMapFilename: '[name].map',
      chunkFilename: '[id].chunk.js'
    },
  
    resolve: {
      root: [ path.join(__dirname, 'src') ],
      extensions: ['', '.ts', '.js']
    },
  
    devServer: {
      historyApiFallback: true,
      watchOptions: { aggregateTimeout: 300, poll: 1000 }
    },
  
    node: {
      global: 1,
      crypto: 'empty',
      module: 0,
      Buffer: 0,
      clearImmediate: 0,
      setImmediate: 0
    }
  };
  
  var webpackMerge = require('webpack-merge');
  module.exports = webpackMerge(defaultConfig, webpackConfig);</code></pre>
  </div>
  </div>
  </p>