fix: update build targets

Author: FredrikOseberg

package.json

@@ -3,6 +3,7 @@
   "version": "2.0.0",
   "description": "React interface for working with unleash",
   "main": "./dist/index.js",
+  "browser": "./dist/index.browser.js",
   "types": "./dist/src/index.d.ts",
   "files": [
     "dist",
@@ -36,12 +37,15 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
-    "unleash-proxy-client": "v2.0.0",
     "ts-jest": "^27.0.5",
     "ts-loader": "^9.1.1",
     "ts-node": "^10.2.1",
     "typescript": "^4.4.3",
     "webpack": "^5.35.1",
-    "webpack-cli": "^4.6.0"
+    "webpack-cli": "^4.6.0",
+    "unleash-proxy-client": "v2.0.0"
+  },
+  "peerDependencies": {
+    "unleash-proxy-client": "v2.0.0"
   }
 }

webpack.config.js

@@ -1,11 +1,10 @@
 var path = require('path');
 
-module.exports = {
+const getCommonConfig = (outputFileName) => ({
   entry: './src/index.ts',
-  target: 'node',
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
+    filename: outputFileName,
     libraryTarget: 'commonjs2',
   },
   module: {
@@ -20,5 +19,17 @@ module.exports = {
   resolve: {
     extensions: ['.tsx', '.ts', '.js'],
   },
-  externals: ['commonjs', 'react'],
+  externals: ['commonjs', 'react', 'unleash-proxy-client'],
+});
+
+const client = {
+  ...getCommonConfig('index.browser.js'),
+  target: 'web',
+};
+
+const server = {
+  ...getCommonConfig('index.js'),
+  target: 'node',
 };
+
+module.exports = [client, server];