Fix 1.6.1 build size issue with removing static asset files (#4506)

* 👷 Update the build configurations

* 🔧 Update karma configuraiton to remove uninteded config

* 🎨 Update build steps to minimize build size

* 🎨 Update build config

Author: nazarhussain

.tool-versions

@@ -0,0 +1 @@
+nodejs 14.17.6

dist/web3.min.js

@@ -35,10 +35,7 @@ module.exports = function (config) {
         colors: true,
         logLevel: config.LOG_INFO,
         autoWatch: false,
-        browsers: ['ChromeHeadless', 'FirefoxHeadless'],
-        browserify: {
-            ignore: ['**/genesisStates/*.json'],
-        }
+        browsers: ['ChromeHeadless', 'FirefoxHeadless']
     };
 
     config.set(configuration);

dist/web3.min.js.map

@@ -132,6 +132,6 @@
         "typescript": "^3.9.7",
         "wait-port": "^0.2.9",
         "webpack": "^4.44.2",
-        "webpack-cli": "^3.3.12"
+        "webpack-cli": "^4.9.1"
     }
 }

karma.conf.js

@@ -12,9 +12,19 @@ module.exports = {
         new webpack.SourceMapDevToolPlugin({
             filename: "[file].map",
         }),
+        new webpack.IgnorePlugin({
+            checkResource(resource) {
+                // "@ethereumjs/common/genesisStates" consists ~800KB static files which are no more needed
+                return /(.*\/genesisStates\/.*\.json)/.test(resource)
+            },
+        }),
     ],
     resolve: {
-        modules: ["node_modules"],
+        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')
+        }
     },
     module: {
         rules: [
@@ -44,9 +54,6 @@ module.exports = {
             },
         ],
     },
-    externals: [
-        /.*\/genesisStates\/.*.json/
-    ],
     output: {
         filename: "[name].min.js",
         path: path.resolve(__dirname, "dist"),