title: ng2-bootstrap with webpack - Uncaught SyntaxError: Unexpected token export
body: <p>Im trying to integrate ng2-bootstrap with webpack using the base template <a href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/tree/master/Angular2_CLI_Full_Project" rel="nofollow noreferrer">enter link description here</a>. However I seem to not be able to get the ng2-bootstrap integration successful.</p>
  
  <p>Below is my web pack configuration,</p>
  
  <pre><code>"use strict";
  
  var webpack = require('webpack');
  var CleanWebpackPlugin = require('clean-webpack-plugin');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  
  module.exports = {
      entry: {
          'app': './app/main.ts',
          'vendors': './app/vendors.ts',
          'polyfills': './app/polyfills.ts'
      },
      output: {
          path: './wwwroot',
          filename: '[name].bundle.js',
          sourceMapFilename: '[name].bundle.map',
          chunkFilename: '[id].chunk.js',
          publicPath: '/'
      },
      devtool: 'source-map',
      resolve: {
          extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html']
      },
      module: {
          loaders: [
              {
                  test: /\.ts$/,
                  loaders: ['awesome-typescript-loader', 'angular2-template-loader', 'angular2-router-loader']
              },
              {
                  test: /\.(html|css)$/,
                  loader: 'raw-loader',
              }
          ]
      },
      plugins: [
  
          new webpack.optimize.CommonsChunkPlugin({ name: ['vendors', 'polyfills'] }),
  
          new CleanWebpackPlugin(
              [
                  './wwwroot/'
              ]
          ),
  
          new HtmlWebpackPlugin({
              filename: './index.html',
              template: './index.html',
              inject: 'body'
          })
      ],
      devServer: {
          contentBase: ".",
          host: "localhost",
          port: 9000
      }
  };
  </code></pre>
  
  <p>Below is my import,</p>
  
  <pre><code>import { DropdownModule } from 'ng2-bootstrap/dropdown';
  import { TabsModule } from 'ng2-bootstrap/tabs';
  </code></pre>
  
  <p>However when I run the application the error is as below,
  <a href="https://i.stack.imgur.com/YLhGt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YLhGt.jpg" alt="enter image description here"></a></p>
  
  <p>For some odd reason the ng2-bootstrap code does not seem to come throught to the browser.</p>
  
  <p>Hope you can provide me a quick fix to this issue.</p>