feat: add esbuild (#54)

Author: chenjiahan

README.md

@@ -1,6 +1,6 @@
 # Build Tools Comparison
 
-Benchmark comparing JavaScript bundlers and build tools ([Rspack](https://github.com/web-infra-dev/rspack), [Rsbuild](https://github.com/web-infra-dev/rsbuild), [webpack](https://github.com/webpack/webpack), [Vite](https://github.com/vitejs/vite), [rolldown-vite](https://github.com/vitejs/rolldown-vite) and [Farm](https://github.com/farm-fe/farm)) for dev server startup time, build performance and bundle size for applications with different module sizes.
+Benchmark comparing JavaScript bundlers and build tools ([Rspack](https://github.com/web-infra-dev/rspack), [Rsbuild](https://github.com/web-infra-dev/rsbuild), [webpack](https://github.com/webpack/webpack), [Vite](https://github.com/vitejs/vite), [rolldown-vite](https://github.com/vitejs/rolldown-vite), [esbuild](https://github.com/evanw/esbuild), and [Farm](https://github.com/farm-fe/farm)) for dev server startup time, build performance and bundle size for applications with different module sizes.
 
 ## Metrics
 

benchmark.mjs

@@ -297,6 +297,18 @@ toolNames.forEach((name) => {
         }),
       );
       break;
+    case 'esbuild':
+      buildTools.push(
+        new BuildTool({
+          name: 'esbuild ' + require('esbuild/package.json').version,
+          port: 8080,
+          startScript: 'start:esbuild',
+          startedRegex: /esbuild built in (\d+) ms/,
+          buildScript: 'build:esbuild',
+          binFilePath: 'esbuild/bin/esbuild',
+        }),
+      );
+      break;
     case 'farm':
       buildTools.push(
         new BuildTool({

cases/rome/benchmark-config.mjs

@@ -1,5 +1,5 @@
 export const config = {
-  supportedTools: ['rspack', 'rsbuild', 'rolldown', 'webpack'],
-  defaultTools: ['rspack', 'rsbuild', 'rolldown', 'webpack'],
+  supportedTools: ['rspack', 'rsbuild', 'rolldown', 'webpack', 'esbuild'],
+  defaultTools: ['rspack', 'rsbuild', 'rolldown', 'webpack', 'esbuild'],
   dev: false,
 };

cases/rome/esbuild.mjs

@@ -0,0 +1,6 @@
+import esbuild from '../../shared/esbuild.mjs';
+
+await esbuild({
+  entryPoints: ['./src/entry.ts'],
+  platform: 'node',
+});

cases/rome/package.json

@@ -2,11 +2,12 @@
   "name": "rome",
   "version": "0.0.0",
   "scripts": {
-    "build:rolldown": "rolldown build --config rolldown.config.mjs",
+    "build:rolldown": "cross-env NODE_ENV=production rolldown build --config rolldown.config.mjs",
     "build:rspack": "rspack build",
     "build:rsbuild": "rsbuild build",
-    "build:webpack": "webpack build",
-    "build:vite": "vite build"
+    "build:webpack": "cross-env NODE_ENV=production webpack build",
+    "build:vite": "vite build",
+    "build:esbuild": "cross-env NODE_ENV=production node esbuild.mjs"
   },
   "devDependencies": {
     "tsconfig-paths-webpack-plugin": "^4.2.0",

cases/ui-components/benchmark-config.mjs

@@ -6,6 +6,7 @@ export const config = {
     'rolldown-vite',
     'rolldown',
     'webpack',
+    'esbuild',
   ],
   defaultTools: [
     'rspack',
@@ -14,6 +15,7 @@ export const config = {
     'rolldown-vite',
     'rolldown',
     'webpack',
+    'esbuild',
   ],
   dev: false,
 };

cases/ui-components/esbuild.mjs

@@ -0,0 +1,5 @@
+import esbuild from '../../shared/esbuild.mjs';
+
+await esbuild({
+  entryPoints: ['./src/index.js'],
+});

cases/ui-components/package.json

@@ -2,12 +2,13 @@
   "name": "ui-libraries",
   "version": "0.0.0",
   "scripts": {
-    "build:rolldown": "rolldown build --config rolldown.config.mjs",
+    "build:rolldown": "cross-env NODE_ENV=production rolldown build --config rolldown.config.mjs",
     "build:rspack": "rspack build",
     "build:rsbuild": "rsbuild build",
-    "build:webpack": "webpack build",
+    "build:webpack": "cross-env NODE_ENV=production webpack build",
     "build:vite": "node ../../node_modules/vite/bin/vite.js build",
-    "build:rolldown-vite": "node ../../node_modules/rolldown-vite/bin/vite.js build -c rolldown-vite.config.mjs"
+    "build:rolldown-vite": "node ../../node_modules/rolldown-vite/bin/vite.js build -c rolldown-vite.config.mjs",
+    "build:esbuild": "cross-env NODE_ENV=production node esbuild.mjs"
   },
   "dependencies": {
     "@chakra-ui/react": "^3.22.0",

shared/esbuild.mjs

@@ -0,0 +1,23 @@
+import { build } from 'esbuild';
+import { isProd, target } from './constants.mjs';
+
+export default async (config) => {
+  const startTime = Date.now();
+
+  await build({
+    outdir: 'dist',
+    format: 'esm',
+    target,
+    bundle: true,
+    define: {
+      'process.env.NODE_ENV': JSON.stringify(
+        isProd ? 'production' : 'development',
+      ),
+    },
+    minify: isProd,
+    ...config,
+  });
+
+  const endTime = Date.now() - startTime;
+  console.log(`esbuild built in ${endTime} ms`);
+};