Awww yeaaah babel time

So excited just to use a transpiler

.gitignore

@@ -2,3 +2,4 @@
 .DS_Store
 bower_components
 node_modules
+*.map

examples/index.html

@@ -35,6 +35,6 @@
   <div id="content1"></div>
   <div id="content2"></div>
 
-  <script src="out.js"></script>
+  <script src="index.js"></script>
 </body>
 </html>

package.json

@@ -8,7 +8,8 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build-bower": "./node_modules/.bin/browserify -s tweenState index.js > index-bower.js"
+    "build-bower": "./node_modules/.bin/browserify -s tweenState index.js > index-bower.js",
+    "build": "webpack -w -d"
   },
   "repository": {
     "type": "git",
@@ -31,7 +32,11 @@
   },
   "homepage": "https://github.com/chenglou/react-tween-state",
   "devDependencies": {
-    "browserify": "^6.3.2"
+    "babel-core": "^5.6.1",
+    "babel-loader": "^5.1.4",
+    "node-libs-browser": "^0.5.2",
+    "react": "^0.13.3",
+    "webpack": "^1.9.11"
   },
   "dependencies": {
     "tween-functions": "^1.0.1"

webpack.config.js

@@ -0,0 +1,21 @@
+var webpack = require('webpack');
+
+module.exports = {
+  entry: {
+    // https://github.com/webpack/webpack/issues/300
+    lib: ['./index.js'],
+    examples: './examples/index.jsx',
+  },
+  output: {
+    filename: './[name]/index.js',
+  },
+  module: {
+    loaders: [
+      {test: /\.jsx?$/, exclude: /build|node_modules/, loader: 'babel-loader?stage=0'},
+    ]
+  },
+  resolve: {
+    extensions: ['', '.js', '.jsx']
+  }
+};
+