title: webpack is not finding my imports or converting my es6 code
body: <p>I'm new to webpack and trying to set up for my client side project. I have created a repo over <a href="https://github.com/antoaravinth/tm" rel="nofollow">here</a>, which has my entire source code. </p>
  
  <p>My webpack config looks like this:</p>
  
  <pre><code>var path = require('path');
  module.exports = {
      entry: './public/js/main.js',
      output: {
          path: __dirname,
          filename: './public/dist/bundle.js'
      },
      module: {
          loaders: [{ 
              test: /\.js$/,
              loader: "babel-loader",
              include: [
                  path.resolve(__dirname, "./public/js"),
              ],
              exclude: [
                path.resolve(__dirname, "node_modules"),
              ]
          }],
          resolve: {
            extensions: ['', '.js', '.jsx']
          }
      }
  };
  </code></pre>
  
  <p>When I run:</p>
  
  <pre><code>webpack
  </code></pre>
  
  <p>its bundling my js and putting it to <code>dist</code> folder. However, I can see the bundled file is not having <code>Point.js</code> or <code>loadash</code> that can be found on my <code>main.js</code> <code>imports</code>. And also looks like the resulted bundle code is not converted to es6 but rather just having the entire content of my <code>main.js</code> file. </p>
  
  <p>Where I'm making mistake?</p>