diff --git a/package.json b/package.json
index b716d73a..eb362298 100644
--- a/package.json
+++ b/package.json
@@ -35,12 +35,15 @@
   "devDependencies": {
     "babel-eslint": "^3.1.11",
     "babel-jest": "^5.2.0",
-    "jest-cli": "^0.4.0"
+    "jest-cli": "^0.4.0",
+    "webpack": "^1.12.1",
+    "webpack-dev-server": "^1.10.1"
   },
   "dependencies": {
     "alt": "^0.16.5",
     "audiojs": "vrde/audiojs",
     "babel": "^5.6.14",
+    "babel-loader": "^5.3.2",
     "babelify": "^6.1.2",
     "bootstrap-sass": "^3.3.4",
     "browser-sync": "^2.7.5",
diff --git a/webpack-gulpfile.js b/webpack-gulpfile.js
new file mode 100644
index 00000000..e69de29b
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 00000000..af178f84
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,18 @@
+var webpack = require('webpack');
+
+
+module.exports = {
+    entry: './js/app.js',
+    target: 'web',
+    output: {
+        path: __dirname,
+        filename: 'bundle.js'
+    },
+    module: {
+        loaders: [{
+            test: /\.js$/,
+            loader: 'babel' 
+        }]
+    }
+};
+