title: import is not working with babel loader
body: <p>this is my <code>package.json</code>:</p>
  
  <pre><code>"scripts": {
    "start": "webpack-dev-server --hot --inline",
  },
  "license": "",
  "devDependencies": {
    "babel-core": "~6.4.5",
    "babel-loader": "^6.2.1",
    "css-loader": "^0.23.1",
    "raw-loader": "~0.5.1",
    "style-loader": "^0.13.0",
    "webpack": "~1.12.12",
    "webpack-dev-server": "~1.14.1"
  },
  "dependencies": {
    "angular": "~1.4.9"
  }
  </code></pre>
  
  <p>this is my <code>webpack.config.js</code>:</p>
  
  <pre><code>var path = require('path')
  
  module.exports = {
  
      context: path.resolve(__dirname,'public'),
      entry: './entry.js',
  
      resolve: {
          root: [__dirname + "/public"]
      },
  
      output:{
          path: path.resolve(__dirname, "public"),
          filename:'bundle.js',
          publicPath: '/public/'
      },
  
      module:{
          loaders:[
              { test: path.join(__dirname,'public'),loader:'babel'},
              { test: /\.css$/, loader:'style!css'}
          ]
      },
  
      devtool: '#inline-source-map'
  }
  </code></pre>
  
  <p>this is my <code>entry.js</code>:</p>
  
  <pre><code>document.write('webpack!')
  
  import 'angular';
  </code></pre>
  
  <p>this is the error i am getting:</p>
  
  <blockquote>
    <p>ERROR in ./public/entry.js Module parse failed:
    /home/guy/itay/Develop/webpack-tut/node_modules/babel-loader/index.js!/home/guy/itay/Develop/webpack-tut/public/entry.js
    Line 3: Unexpected token You may need an appropriate loader to handle
    this file type.</p>
  </blockquote>
  
  <pre><code>| document.write('webpack!');
  
  | 
  
  | import 'angular';
  
  node version: 5.4.1,
  npm version: 3.3.12
  </code></pre>