fix: 🐛 configure webpack to build separately for browser

Author: monitz87

.eslintignore

@@ -4,3 +4,4 @@ scripts/*
 sandbox.ts
 test_utils/*
 examples/*
+webpack.*

package.json

@@ -10,6 +10,7 @@
     "lib/**/*"
   ],
   "main": "lib/index.js",
+  "browser": "lib/index.browser.js",
   "types": "lib/index.d.ts",
   "scripts": {
     "start": "webpack-dev-server --config=webpack.config.dev.js",

webpack.config.js

@@ -3,17 +3,34 @@ const merge = require('webpack-merge');
 
 const baseConfig = require('./webpack.base');
 
-const buildConfig = merge.smart(baseConfig, {
+const browserConfig = merge.smart(baseConfig, {
   devtool: 'source-map',
   mode: 'production',
   entry: path.resolve(__dirname, './src/index.ts'),
+  target: 'web',
+  output: {
+    pathinfo: true,
+    filename: 'index.browser.js',
+    path: path.resolve(__dirname, 'lib'),
+    library: '@polymathnetwork/contract-wrappers',
+    libraryTarget: 'commonjs2',
+    globalObject: 'this',
+  }
+})
+
+const nodeConfig = merge.smart(baseConfig, {
+  devtool: 'source-map',
+  mode: 'production',
+  entry: path.resolve(__dirname, './src/index.ts'),
+  target: 'node',
   output: {
     pathinfo: true,
     filename: 'index.js',
     path: path.resolve(__dirname, 'lib'),
     library: '@polymathnetwork/contract-wrappers',
-    libraryTarget: 'commonjs2'
+    libraryTarget: 'commonjs2',
+    globalObject: 'this',
   }
 });
 
-module.exports = buildConfig;
+module.exports = [browserConfig, nodeConfig];