Added production build for browsers on all isomorphic libraries. (#1399)

Author: ealmansi

.gitignore

@@ -1,2 +1,2 @@
-lib/
-*.log
+dist/
+*.log

package.json

@@ -2,41 +2,51 @@
   "name": "mb-logger",
   "version": "0.1.0",
   "description": "MoneyButton isomorphic logger.",
-  "main": "lib/index.js",
+  "main": "dist/mb-logger.cjs.js",
+  "module": "dist/mb-logger.esm.js",
+  "browser": "dist/mb-logger.umd.js",
+  "library": "logger",
+  "files": ["dist/**"],
   "scripts": {
     "lint": "standard --parser=babel-eslint",
     "pretest": "yarn lint",
     "test": "yarn test:mocha",
     "test:mocha": "NODE_ENV=test mocha -R progress",
-    "build": "babel src -d lib",
-    "build:watch": "babel -w src -d lib",
-    "dev": "NODE_ENV=dev yarn build:watch"
+    "build":
+      "concurrently --names 'browser,node' 'yarn build:browser' 'yarn build:node'",
+    "build:watch":
+      "concurrently --names 'browser,node' 'yarn build:browser -w' 'yarn build:node -w'",
+    "build:browser": "webpack",
+    "build:node": "rollup -c",
+    "dev": "yarn build:watch"
   },
   "repository": "https://github.com/yoursnetwork/yours",
   "author": "Yours Inc.",
   "license": "UNLICENSED",
   "private": true,
   "dependencies": {
     "@babel/runtime": "7.0.0-beta.47",
-    "winston": "3.0.0-rc5"
+    "loglevel": "1.6.1"
   },
   "devDependencies": {
-    "babel-eslint": "8.2.5",
     "@babel/cli": "7.0.0-beta.47",
     "@babel/core": "7.0.0-beta.47",
+    "@babel/plugin-external-helpers": "7.0.0-beta.55",
     "@babel/plugin-transform-runtime": "7.0.0-beta.47",
     "@babel/preset-env": "7.0.0-beta.47",
     "@babel/register": "7.0.0-beta.47",
+    "babel-eslint": "8.2.5",
+    "babel-loader": "8.0.0-beta.4",
+    "concurrently": "3.6.1",
     "mocha": "5.2.0",
+    "rollup": "0.63.4",
+    "rollup-plugin-babel": "4.0.0-beta.7",
     "should": "13.2.1",
-    "standard": "11.0.1"
+    "standard": "11.0.1",
+    "webpack": "4.16.3",
+    "webpack-cli": "3.1.0"
   },
   "standard": {
-    "globals": [
-      "afterEach",
-      "beforeEach",
-      "describe",
-      "it"
-    ]
+    "globals": ["afterEach", "beforeEach", "describe", "it"]
   }
 }

rollup.config.js

@@ -0,0 +1,49 @@
+import babel from 'rollup-plugin-babel'
+import path from 'path'
+import pkg from './package.json'
+
+function isExternal (candidate) {
+  return Object.keys(pkg.dependencies).some(dependency => {
+    return candidate.startsWith(dependency)
+  })
+}
+
+export default [
+  {
+    input: path.resolve(__dirname, 'src', 'index.js'),
+    external: isExternal,
+    output: [
+      {
+        file: pkg.main,
+        format: 'cjs',
+        sourcemap: true
+      },
+      {
+        file: pkg.module,
+        format: 'es',
+        sourcemap: true
+      }
+    ],
+    plugins: [
+      babel({
+        runtimeHelpers: true,
+        exclude: ['node_modules/**'],
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              modules: false,
+              targets: {
+                node: 'current'
+              }
+            }
+          ]
+        ],
+        plugins: [
+          '@babel/plugin-external-helpers',
+          '@babel/plugin-transform-runtime'
+        ]
+      })
+    ]
+  }
+]

src/index.js

@@ -1,22 +1,3 @@
-import winston from 'winston'
+import * as log from 'loglevel'
 
-export default winston.createLogger({
-  transports: [
-    new winston.transports.Console({
-      format: winston.format.simple(),
-      level: 'debug',
-      handleExceptions: true,
-      json: false,
-      colorize: true
-    }),
-    new winston.transports.File({
-      level: 'error',
-      filename: 'mb-api-error.log',
-      handleExceptions: true,
-      json: true,
-      maxsize: 5 * 1024 * 1024, // 5MB
-      maxFiles: 5,
-      colorize: false
-    })
-  ]
-})
+export default log

webpack.config.js

@@ -0,0 +1,49 @@
+const path = require('path')
+const pkg = require('./package')
+
+const shared = {
+  entry: path.resolve(__dirname, 'src', 'index.js'),
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              [
+                '@babel/preset-env',
+                {
+                  targets: {
+                    browsers: ['> 2%']
+                  }
+                }
+              ]
+            ]
+          }
+        }
+      }
+    ]
+  },
+  output: {
+    path: __dirname,
+    filename: pkg.browser,
+    library: pkg.library,
+    libraryTarget: 'umd'
+  }
+}
+
+const dev = {
+  ...shared,
+  mode: 'development',
+  devtool: 'eval-source-map'
+}
+
+const prod = {
+  ...shared,
+  mode: 'production',
+  devtool: 'source-map'
+}
+
+module.exports = process.env.NODE_ENV === 'dev' ? dev : prod