[#208] 🔧chore: got webpack to work with babel

.gitignore

@@ -5,5 +5,8 @@
 node_modules
 npm-debug.log
 
+# Dist
+dist
+
 # Coverage
-coverage/
+coverage

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",

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',
+        },
+      },
+    ],
+  },
+}