feat(Browser): added browser build to use with a CDN

Author: guioconnor

package.json

@@ -15,7 +15,10 @@
     "travis-deploy-once": "travis-deploy-once",
     "semantic-release": "semantic-release",
     "prebuild": "rimraf dist",
-    "build": "babel --copy-files --out-dir dist --ignore *.spec.js src"
+    "build:main": "babel --copy-files --out-dir dist --ignore *.spec.js src",
+    "build:umd": "webpack --output-filename index.umd.js",
+    "build:umd.min": "webpack --output-filename index.umd.min.js -p",
+    "build": "npm-run-all --parallel build:*"
   },
   "repository": {
     "type": "git",
@@ -44,6 +47,7 @@
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-jest": "^22.4.1",
+    "babel-loader": "^7.1.4",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-polyfill": "^6.26.0",
     "babel-preset-env": "^1.6.1",
@@ -59,12 +63,14 @@
     "istanbul": "^0.4.5",
     "jest": "^22.4.2",
     "jest-babel": "^1.0.1",
+    "npm-run-all": "^4.1.2",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "regenerator-runtime": "^0.11.1",
     "rimraf": "^2.6.2",
     "semantic-release": "^15.0.2",
-    "travis-deploy-once": "^4.4.0"
+    "travis-deploy-once": "^4.4.0",
+    "webpack": "^4.1.1"
   },
   "peerDependencies": {
     "lodash": "^4.17.5",
@@ -77,5 +83,8 @@
     "ghooks": {
       "pre-commit": "yarn coverage && yarn check-coverage"
     }
+  },
+  "dependencies": {
+    "webpack-cli": "^2.0.11"
   }
-}
+}

webpack.config.babel.js

@@ -0,0 +1,31 @@
+import { join } from 'path';
+
+const include = join(__dirname, 'src');
+
+export default {
+  entry: './src/index.jsx',
+  output: {
+    path: join(__dirname, 'dist'),
+    libraryTarget: 'umd',
+    library: 'reactMemoryGame',
+  },
+  devtool: 'source-map',
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+        query: {
+          cacheDirectory: true,
+          presets: ['react', 'env', 'stage-2'],
+        },
+      },
+      { test: /\.js$/, loader: 'babel-loader', include },
+      { test: /\.json$/, loader: 'babel-loader', include },
+    ],
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+};