diff --git a/src/index.js b/src/index.js
index 8e50549..124b92d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,11 +2,21 @@ import React from 'react';
 import {render} from 'react-dom';
 
 class Root extends React.Component {
+  constructor(props) {
+    super(props);
+    this.click = this.click.bind(this);
+  }
+
+  click() {
+    alert('click this');
+  }
+
   render() {
     return (
       <div>
         <h1> Hello world</h1>
         <input type="checkbox"/>
+        <button onClick={this.click}> try this</button>
       </div>
     );
   }
diff --git a/webpack.dev.js b/webpack.dev.js
index 176b706..35671f9 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -1,4 +1,5 @@
 const base = require('./webpack.base.js'),
+  webpack = require('webpack'),
   dev = {
     module: {
       loaders: [{
@@ -10,7 +11,13 @@ const base = require('./webpack.base.js'),
           presets: [ 'es2015', 'react', 'react-hmre' ]
         }
       }]
-    }
+    },
+    plugins: [
+      new webpack.SourceMapDevToolPlugin({
+        filename: '[name].js.map',
+        exclude: ['vendor.js']
+      })
+    ]
   };
 
 module.exports = Object.assign(base, dev);