diff --git a/.gitignore b/.gitignore
index 886f78c7..1e3e9cbf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,5 +5,8 @@
 node_modules
 npm-debug.log
 
+# Dist
+dist
+
 # Coverage
-coverage/
+coverage
diff --git a/package-lock.json b/package-lock.json
index b7b2cace..d38fc3d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1758,6 +1758,17 @@
         "babel-preset-jest": "^23.0.1"
       }
     },
+    "babel-loader": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-7.1.4.tgz",
+      "integrity": "sha512-/hbyEvPzBJuGpk9o80R0ZyTej6heEOr59GoEUtn8qFKbnx4cJm9FWES6J/iv644sYgrtVw9JJQkjaLW/bqb5gw==",
+      "dev": true,
+      "requires": {
+        "find-cache-dir": "^1.0.0",
+        "loader-utils": "^1.0.2",
+        "mkdirp": "^0.5.1"
+      }
+    },
     "babel-messages": {
       "version": "6.23.0",
       "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
diff --git a/package.json b/package.json
index 474c92a7..aa3939fc 100644
--- a/package.json
+++ b/package.json
@@ -14,11 +14,13 @@
     "lint:watch": "esw index.js src/react --watch",
     "test": "jest",
     "test:watch": "npm test -- --watch",
-    "test:ci": "npm test -- --coverage --verbose"
+    "test:ci": "npm test -- --coverage --verbose",
+    "build": "cd src/react && webpack --mode development --config webpack.config.js"
   },
   "devDependencies": {
     "babel-core": "^7.0.0-beta.3",
     "babel-eslint": "^8.2.3",
+    "babel-loader": "^7.1.4",
     "babel-preset-env": "^7.0.0-beta.3",
     "babel-preset-react": "^7.0.0-beta.3",
     "eslint": "^4.19.1",
diff --git a/src/react/webpack.config.js b/src/react/webpack.config.js
new file mode 100644
index 00000000..4339a45f
--- /dev/null
+++ b/src/react/webpack.config.js
@@ -0,0 +1,22 @@
+const path = require('path')
+
+module.exports = {
+  entry: './index.js',
+  output: {
+    filename: 'bundle.js',
+    // TODO: [Linesh][2018/6/24] not quite modularized to put dist in two upper directories
+    path: path.resolve(__dirname, '../../dist'),
+  },
+
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+        },
+      },
+    ],
+  },
+}