feat: Add bundle visualizer (#3463)

* feat: Add bundle visualizer

* Apply suggestion

---------

Co-authored-by: William Cory <[email protected]>
Co-authored-by: acolytec3 <[email protected]>

Author: 3 people

package-lock.json

@@ -1,2 +1,4 @@
 .cachedb
 benchmarks/*.js
+# Bundle stats generated with npm visualize:bundle
+stats.html

packages/evm/.gitignore

@@ -50,7 +50,8 @@
     "test": "npm run test:node && npm run test:browser",
     "test:browser": "npx vitest run --config=../../config/vitest.browser.config.mts",
     "test:node": "npx vitest run",
-    "tsc": "../../config/cli/ts-compile.sh"
+    "tsc": "../../config/cli/ts-compile.sh",
+    "visualize:bundle": "npx vite build"
   },
   "dependencies": {
     "@ethereumjs/common": "^4.3.0",
@@ -70,12 +71,14 @@
     "@types/core-js": "^2.5.0",
     "@types/minimist": "^1.2.2",
     "@types/node-dir": "^0.0.34",
+    "@types/rollup-plugin-visualizer": "^4.2.4",
     "benchmark": "^2.1.4",
     "kzg-wasm": "^0.4.0",
     "level": "^8.0.0",
     "memory-level": "^1.0.0",
     "minimist": "^1.2.5",
     "node-dir": "^0.1.17",
+    "rollup-plugin-visualizer": "^5.12.0",
     "solc": "^0.8.1"
   },
   "engines": {

packages/evm/package.json

@@ -1,7 +1,21 @@
 import wasm from 'vite-plugin-wasm'
 import topLevelAwait from 'vite-plugin-top-level-await'
 import { defineConfig } from 'vitest/config'
+import { visualizer } from 'rollup-plugin-visualizer'
 
 export default defineConfig({
-  plugins: [wasm(), topLevelAwait()],
+  plugins: [wasm(), topLevelAwait(), visualizer({ open: true, gzipSize: true })],
+  build: {
+    rollupOptions: {
+      // We choose safest to get worst case values
+      treeshake: 'safest',
+    },
+    lib: {
+      entry: 'src/index.ts',
+      name: '@ethereumjs/evm',
+      fileName: (format) => `ethereumjs-evm-bundle.${format}.js`,
+      // only build for es
+      formats: ['es'],
+    },
+  },
 })