diff --git a/.eslintrc.js b/.eslintrc.js
index 8cbdbf1..cd28f7f 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,6 +1,5 @@
 module.exports = {
   root: true,
-  fix: true,
   parser: 'babel-eslint',
   parserOptions: {
     sourceType: 'module'
@@ -12,7 +11,7 @@ module.exports = {
   'settings': {
     'import/resolver': {
       'webpack': {
-        'config': 'build/webpack.base.conf.js'
+        'config': './webpack.base.config.js'
       }
     }
   },
diff --git a/examples/.gitkeep b/examples/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/examples/App.vue b/examples/App.vue
index 87da4be..406c8af 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -1,22 +1,18 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
-    <button @click="showModal">Show modal</button>
+    <h1>Test page</h1>
+    <button @click="showModal('basic')">Show basic modal</button>
     <transition name="fade">
-      <modal name="hello">Hello!</modal>
+      <modal name="basic">Hello! Im basic modal!</modal>
     </transition>
   </div>
 </template>
 
 <script>
-import Hello from './components/Hello';
-
 export default {
   name: 'app',
   methods: {
-    showModal() {
-      this.$modal.toggle('hello', false);
-    },
+    showModal(name) => this.$modal.show(name),
   },
 };
 </script>
diff --git a/examples/index.html b/examples/index.html
index 5c63b29..befab80 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -6,6 +6,5 @@
   </head>
   <body>
     <div id="app"></div>
-    <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/examples/main.js b/examples/main.js
index fb11643..9f813d7 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import App from './App';
-import VueModal from './VueModal/index';
+import VueModal from '../src/index';
 
 Vue.use(VueModal);
 
diff --git a/package.json b/package.json
index 818ba82..ae9b9d8 100644
--- a/package.json
+++ b/package.json
@@ -10,13 +10,7 @@
     "type": "git",
     "url": "git+https://github.com/euvl/vue-modal.git"
   },
-  "scripts": {
-    "dev": "node examples/server.js",
-    "build": "node build/build.js",
-    "lint": "eslint --fix --ext .js,.vue src"
-  },
   "devDependencies": {
-    "vue": "^2.0.1",
     "babel-runtime": "^6.18.0",
     "autoprefixer": "^6.4.0",
     "babel-core": "^6.0.0",
@@ -59,5 +53,8 @@
   "engines": {
     "node": ">= 4.0.0",
     "npm": ">= 3.0.0"
+  },
+  "dependencies": {
+    "vue": "^2.0.5"
   }
 }
diff --git a/src/Modal.vue b/src/Modal.vue
index a90b85b..3f5f24e 100644
--- a/src/Modal.vue
+++ b/src/Modal.vue
@@ -15,7 +15,7 @@
 </template>
 <script>
   import Vue from 'vue';
-  import VueModal from './index';
+  import VueModal from './modal';
 
   const props = {
     name: {
diff --git a/src/index.js b/src/index.js
index c71eaa3..0a348ad 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,39 +1,3 @@
-import Vue from 'vue';
-import Modal from './Modal';
-
-const VueModal = {
-  event: new Vue(),
-  install(self, options = {}) {
-    if (this.installed) {
-      return console.log('Modal component is already installed.');
-    }
-
-    this.installed = true;
-
-    const modal = {
-      toggle(name, state, params) {
-        const opts = typeof state === 'object' && typeof params === 'undefined'
-          ? state
-          : params;
-        VueModal.event.$emit('toggle', name, state);
-      },
-      show(name, params = {}) {
-        VueModal.event.$emit('toggle', name, true);
-      },
-      hide(name, params = {}) {
-        VueModal.event.$emit('toggle', name, false);
-      },
-    };
-
-    Object.defineProperty(Vue.prototype, '$modal', {
-      get() {
-        return modal;
-      },
-    });
-
-    Vue.component('modal', Modal);
-    return null;
-  },
-};
+import VueModal from './modal';
 
 export default VueModal;
diff --git a/src/modal.js b/src/modal.js
new file mode 100644
index 0000000..95f4748
--- /dev/null
+++ b/src/modal.js
@@ -0,0 +1,39 @@
+import Vue from 'vue';
+import Modal from './Modal.vue';
+
+const VueModal = {
+  event: new Vue(),
+  install(self, options = {}) {
+    if (this.installed) {
+      return console.log('Modal component is already installed.');
+    }
+
+    this.installed = true;
+
+    const modal = {
+      toggle(name, state, params) {
+        const opts = typeof state === 'object' && typeof params === 'undefined'
+          ? state
+          : params;
+        VueModal.event.$emit('toggle', name, state);
+      },
+      show(name, params = {}) {
+        VueModal.event.$emit('toggle', name, true);
+      },
+      hide(name, params = {}) {
+        VueModal.event.$emit('toggle', name, false);
+      },
+    };
+
+    Object.defineProperty(Vue.prototype, '$modal', {
+      get() {
+        return modal;
+      },
+    });
+
+    Vue.component('modal', Modal);
+    return null;
+  },
+};
+
+export default VueModal;
diff --git a/webpack.base.config.js b/webpack.base.config.js
new file mode 100644
index 0000000..8d291a0
--- /dev/null
+++ b/webpack.base.config.js
@@ -0,0 +1,26 @@
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    path: './dist',
+    publicPath: 'dist/',
+    filename: 'vue-modal.js'
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.vue$/,
+        loader: 'vue'
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel!eslint',
+        exclude: /node_modules/
+      }
+    ]
+  },
+  vue: {
+    loaders: {
+      js: 'babel!eslint'
+    }
+  }
+};
\ No newline at end of file
diff --git a/webpack.dev.config.js b/webpack.dev.config.js
new file mode 100644
index 0000000..16fe71a
--- /dev/null
+++ b/webpack.dev.config.js
@@ -0,0 +1,8 @@
+var config = require('./webpack.base.config');
+
+config.devtool = 'eval-source-map';
+config.devServer = {
+  noInfo: true
+};
+
+module.exports = config;
\ No newline at end of file
diff --git a/webpack.prod.config.js b/webpack.prod.config.js
new file mode 100644
index 0000000..ca6273d
--- /dev/null
+++ b/webpack.prod.config.js
@@ -0,0 +1,18 @@
+var webpack = require('webpack');
+var config = require('./webpack.base.config');
+
+config.plugins = (config.plugins || []).concat([
+  new webpack.DefinePlugin({
+    'process.env': {
+      NODE_ENV: '"production"'
+    }
+  }),
+  new webpack.optimize.UglifyJsPlugin({
+    compress: {
+      warnings: false
+    }
+  }),
+  new webpack.optimize.OccurenceOrderPlugin()
+]);
+
+module.exports = config;
\ No newline at end of file
