webpack is not finding my imports or converting my es6 code
<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>