babel used in webpack to convert es2015 to es5

js/index.js

@@ -1,5 +1,8 @@
-import asdf, {myFunc2 as wee} from './mylib.js'
+import asdf, {myFunc2 as wee, Foo} from './mylib.js'
 
+var a = new Foo();
+
+a.bar();
 asdf();
 wee();
 console.log('awesome');

js/mylib.js

@@ -2,9 +2,18 @@ const myFunc = function(){
     console.log('included!');
 }
 const myFunc2 = function(){
-    console.log('also included');
+    var a = 1;
+    var b = 2;
+    var c = {a,b};
+    console.log(c);
+}
+
+class Foo {
+    bar(){
+        console.log('ya');
+    }
 }
 
 export default myFunc;
 
-export { myFunc2 }
+export { myFunc2, Foo }

package.json

@@ -17,6 +17,9 @@
   },
   "homepage": "https://github.com/mahuntington/react-redux#readme",
   "devDependencies": {
+    "babel-core": "^6.24.1",
+    "babel-loader": "^7.0.0",
+    "babel-preset-es2015": "^6.24.1",
     "webpack": "^2.4.1"
   }
 }

webpack.config.js

@@ -1,6 +1,19 @@
 module.exports = {
-  entry: './js/index.js',
-  output: {
-    filename: 'dist/bundle.js'
-  }
+    entry: './js/index.js',
+    output: {
+        filename: 'dist/bundle.js'
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        presets: ["es2015"]
+                    }
+                }
+            }
+        ]
+    }
 };