🎨 Update the webpack to build per package

.github/workflows/build.yml

@@ -21,7 +21,8 @@ jobs:
           node-version: 14
           cache: yarn
       - run: yarn
-
+      - run: yarn build:web
+
   lint:
     name: lint
     needs: build

package.json

@@ -32,7 +32,9 @@
 		]
 	},
 	"scripts": {
-		"build": "yarn clean && lerna run build --stream && webpack --config webpackprod.config.js",
+		"prebuild": "yarn clean",
+		"build": "lerna run build --stream",
+		"build:web": "lerna run build:web --stream",
 		"clean": "lerna run clean --stream --parallel",
 		"ganache:start": "WEB3_SYSTEM_TEST_BACKEND=ganache && ./scripts/ganache.sh start",
 		"ganache:start:background": "WEB3_SYSTEM_TEST_BACKEND=ganache && ./scripts/ganache.sh start 1",

packages/web3-validator/.eslintignore

@@ -1,3 +1,4 @@
 dist
 jest.config.js
 .eslintrc.js
+webpack.config.js

packages/web3-validator/package.json

@@ -3,6 +3,7 @@
 	"version": "0.1.0-alpha.0",
 	"description": "JSON-Schema compatible validator for web3",
 	"main": "dist/index.js",
+	"browser": "dist/index.min.js",
 	"repository": "https://github.com/ChainSafe/web3.js",
 	"author": "ChainSafe Systems",
 	"license": "LGPL-3.0",
@@ -13,6 +14,7 @@
 		"clean": "rimraf dist",
 		"prebuild": "rimraf dist",
 		"build": "tsc --build",
+		"build:web": "npx webpack",
 		"build:check": "node -e \"require('./dist')\"",
 		"lint": "eslint --ext .js,.ts .",
 		"lint:fix": "eslint --fix --ext .js,.ts .",

packages/web3-validator/webpack.config.js

@@ -0,0 +1,20 @@
+/*
+This file is part of web3.js.
+
+web3.js is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+web3.js is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with web3.js.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+const { getWebPackConfig } = require('../../webpack.base.config');
+
+module.exports = getWebPackConfig(__dirname, 'index.min.js', 'web3-validator');

packages/web3/.eslintignore

@@ -1,3 +1,4 @@
 dist
 jest.config.js
+webpack.config.js
 .eslintrc.js

packages/web3/package.json

@@ -3,6 +3,7 @@
 	"version": "4.0.0-alpha.1",
 	"description": "Ethereum JavaScript API",
 	"main": "dist/index.js",
+	"browser": "dist/web3.min.js",
 	"repository": "https://github.com/ChainSafe/web3.js",
 	"engines": {
 		"node": ">=12.0.0"
@@ -21,6 +22,7 @@
 		"clean": "rimraf dist",
 		"prebuild": "rimraf dist",
 		"build": "tsc --build",
+		"build:web": "npx webpack",
 		"build:check": "node -e \"require('./dist')\"",
 		"lint": "eslint --ext .js,.ts .",
 		"lint:fix": "eslint --fix --ext .js,.ts .",

packages/web3/webpack.config.js

@@ -0,0 +1,20 @@
+/*
+This file is part of web3.js.
+
+web3.js is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+web3.js is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with web3.js.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+const { getWebPackConfig } = require('../../webpack.base.config');
+
+module.exports = getWebPackConfig(__dirname, 'web3.min.js', 'Web3');

webpack.base.config.js

@@ -0,0 +1,86 @@
+/*
+This file is part of web3.js.
+
+web3.js is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+web3.js is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with web3.js.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+const webpack = require('webpack');
+const path = require('path');
+
+/**
+ * Shared webpack configuration for all packages
+ */
+function getWebPackConfig(packagePath, filename, library) {
+	return {
+		mode: 'production',
+		entry: path.resolve(packagePath, 'src/index.ts'),
+		output: {
+			path: path.resolve(packagePath, 'dist'),
+			filename: filename,
+			library: library,
+			libraryExport: 'default',
+			libraryTarget: 'umd',
+			globalObject: 'this',
+		},
+
+		module: {
+			rules: [
+				{
+					test: /\.ts$/,
+					loader: 'ts-loader',
+					exclude: ['/node_modules/', '/test/'],
+				},
+			],
+		},
+		resolve: {
+			extensions: ['.ts', '.js'],
+			fallback: {
+				child_process: false,
+				fs: false,
+				net: false,
+				path: false,
+				os: false,
+				util: require.resolve('util'),
+				http: require.resolve('http-browserify'),
+				https: require.resolve('https-browserify'),
+				crypto: require.resolve('crypto-browserify'),
+				stream: require.resolve('readable-stream'),
+			},
+			alias: {
+				// To avoid blotting up the `bn.js` library all over the packages
+				// use single library instance.
+				'bn.js': path.resolve(__dirname, 'node_modules/bn.js'),
+			},
+		},
+		devtool: 'source-map',
+		plugins: [
+			new webpack.IgnorePlugin({
+				checkResource(resource) {
+					// "@ethereumjs/common/genesisStates" consists ~800KB static files which are no more needed
+					return /(.*\/genesisStates\/.*\.json)/.test(resource);
+				},
+			}),
+			new webpack.ProvidePlugin({
+				Buffer: ['buffer', 'Buffer'],
+			}),
+			new webpack.ProvidePlugin({
+				process: 'process/browser',
+			}),
+		],
+	};
+}
+
+module.exports = {
+	getWebPackConfig,
+};