chore(overmind): create a prod build and add bundlesize to keep an eye on the size

Author: FWeinb

package.json

@@ -114,10 +114,11 @@
     "vscode": "1.1.34",
     "vue": "2.5.16",
     "vue-template-compiler": "2.5.16",
-    "webpack": "4.28.4",
+    "webpack": "4.35.0",
     "webpack-cli": "3.1.2",
     "webpack-dev-server": "3.1.11",
-    "webpack-merge": "4.2.1"
+    "webpack-merge": "4.2.1",
+    "bundlesize": "0.17.2"
   },
   "lint-staged": {
     "*.{js,ts,tsx}": [

packages/node_modules/overmind/package.json

@@ -9,13 +9,15 @@
   "module": "es/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
-    "build": "npm run build:lib & npm run build:es",
+    "build": "(npm run build:lib & npm run build:es) && npm run build:dist",
     "build:lib": "tsc --outDir lib --module commonjs",
     "build:es": "tsc --outDir es --module es2015",
+    "build:dist": "webpack --config webpack.config.js",
     "clean": "rimraf es lib coverage",
     "typecheck": "tsc --noEmit",
-    "test": "jest --runInBand",
+    "test": "jest --runInBand && npm run test:size",
     "test:watch": "jest --watch --updateSnapshot --coverage false",
+    "test:size": "bundlesize",
     "prebuild": "npm run clean",
     "postbuild": "rimraf {lib,es}/**/__tests__",
     "posttest": "npm run typecheck"
@@ -38,6 +40,15 @@
   },
   "devDependencies": {
     "@types/node": "^10.12.21",
-    "tslib": "^1.9.3"
-  }
+    "bundlesize": "^0.17.2",
+    "terser-webpack-plugin": "^1.3.0",
+    "tslib": "^1.9.3",
+    "webpack": "^4.35.0"
+  },
+  "bundlesize": [
+    {
+      "path": "./dist/overmind.min.js",
+      "maxSize": "10 kB"
+    }
+  ]
 }

packages/node_modules/overmind/webpack.config.js

@@ -0,0 +1,35 @@
+const path = require('path')
+const TerserPlugin = require('terser-webpack-plugin')
+
+module.exports = {
+  mode: 'production',
+  entry: path.resolve('./es/index.js'),
+  output: {
+    path: path.resolve('dist'),
+    filename: 'overmind.min.js',
+  },
+  optimization: {
+    minimizer: [
+      new TerserPlugin({
+        test: /\.js(\?.*)?$/i,
+        parallel: true,
+        sourceMap: true,
+        terserOptions: {
+          module: true,
+        },
+      }),
+    ],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: path.resolve('src'),
+        options: {
+          presets: ['@babel/preset-env'],
+        },
+      },
+    ],
+  },
+}