title: "ReferenceError: Can't find variable: Map" in Safari for Angular2
body: <p>Getting error <strong>"ReferenceError: Can't find variable: Map"</strong> for <strong>angular2</strong> app in Safari browser only. Its working fine in other browsers. Using webpack for bundling files.</p>
  
  <p>Angular Version: 2.1.0</p>
  
  <p>Typescript: 2.0.3</p>
  
  <p>Webpack : 1.13.2</p>
  
  <p>When app is loading this error is coming in the browser console and preventing the app to load.</p>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>var webpack = require('webpack');
  module.exports = {
      devtool: "#source-map",
      entry: { vendors: './src/vendors', polyfills: './src/polyfills', app: './src/main.ts' },
      output: {
          path: './src/Builds/js',
          filename: '[name].bundle.js',
          sourceMapFilename: "[name].bundle.js.map",
          devtoolLineToLine: true,
          pathinfo: true
      },
      resolve: {
          extensions: ['', '.js', '.ts', '.json']
      },
      module: {
          loaders: [
            {
                test: /\.ts$/,
                loader: 'ts'
            },
            {
                test: /\.json$/,
                loader: "json"
            }
          ]
      },
      plugins: [
          new webpack.optimize.UglifyJsPlugin({
              compress: {
                  warnings: false
              }
          })
      ]
  };
  </code></pre>