[FEATURE]: configuring gzip and brotli compression

.gitignore

@@ -130,4 +130,6 @@ dist
 .pnp.*
 *.iml
 *.idea
-**/Bundle.**
+**/Bundle.**
+**/meta.**
+**/build/**

esbuild-app/esbuild.config.js

@@ -1,6 +1,8 @@
 // Importing required modules
-import esbuild from 'esbuild'; // esbuild is a JavaScript bundler and minifier. It packages up JavaScript and TypeScript code for distribution on the web.
+import fs from 'fs';
 import process from 'node:process'; // The process object is a global that provides information about, and control over, the current Node.js process.
+import esbuild from 'esbuild'; // esbuild is a JavaScript bundler and minifier. It packages up JavaScript and TypeScript code for distribution on the web.
+import { compress } from 'esbuild-plugin-compress';
 
 // Get the command line arguments
 const args = process.argv;
@@ -9,23 +11,31 @@ const args = process.argv;
 const config = {
     logLevel: 'info', // The level of logging to use
     entryPoints: ['src/index.js'], // The entry point of the application
-    outfile: 'public/build/Bundle.js', // The output file for the bundled code
     bundle: true, // Whether to bundle the code or not
     loader: { '.js': 'jsx' }, // The loader to use for JavaScript files
-    define: {
-        // Define global constants for the bundled code
-        NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'production'), // The NODE_ENV environment variable defines the environment in which an application is running (development, testing, production).
-    },
 };
 
 // If the '--build' argument is passed in, build the application
 if (args.includes('--build')) {
     esbuild
         .build({
             ...config, // Use the defined configuration
-            minify: true, // Minify the code
             sourcemap: false, // Don't generate a source map
+            minify: true, // Minify the code
+            treeShaking: true, // dead code elimination
+            metafile: true, // stats about bundle
+            splitting: true, // create chunks
+            format: 'esm',
+            outdir: 'public/build',
+            write: false,
+            plugins: [
+                compress({
+                    outputDir: '.',
+                    exclude: ['**/*.map'],
+                }),
+            ],
         })
+        .then(result => fs.writeFileSync('meta.json', JSON.stringify(result.metafile)))
         .catch((e) => {
             // If there's an error, log it and exit the process with a status of 1
             console.error(e);
@@ -39,6 +49,7 @@ if (args.includes('--start')) {
         .context({
             ...config, // Use the defined configuration
             minify: false, // Don't minify the code
+            outfile: 'public/build/Bundle.js', // The output file for the bundled code
             sourcemap: true, // Generate a source map
         })
         .then(async (ctx) => {
@@ -64,4 +75,7 @@ if (args.includes('--start')) {
             console.error(e);
             process.exit(1);
         });
-}
+}
+
+
+

esbuild-app/package.json

@@ -23,6 +23,7 @@
     "@eslint/js": "=9.4.0",
     "concurrently": "=8.2.2",
     "esbuild": "=0.21.4",
+    "esbuild-plugin-compress": "^1.0.1",
     "eslint": "=9.4.0",
     "eslint-plugin-react": "=7.32.2",
     "globals": "=15.3.0"