feat: complete day 20 react task

day20/vite.config.js

@@ -0,0 +1,72 @@
+
+  import fs from "fs";
+  import path from "path";
+  import { fileURLToPath } from "url";
+  import { defineConfig } from "vite";
+  import react from "@vitejs/plugin-react";
+  
+  import viteCompression from "vite-plugin-compression";
+  
+  const dirname = path.dirname(fileURLToPath(import.meta.url));
+  
+  const { dependencies } = JSON.parse(
+    fs.readFileSync(path.join(dirname, "package.json"))
+  );
+  
+  const vendorPackages = [
+    "react",
+    "react-router-dom",
+    "react-router",
+    "react-dom",
+  ];
+  
+  function renderChunks(deps) {
+    let chunks = {};
+    Object.keys(deps).forEach(key => {
+      if (vendorPackages.includes(key)) return;
+      chunks[key] = [key];
+    });
+    return chunks;
+  }
+  
+  export const OUTPUT_DIRECTORY = "dist";
+  
+  // https://vitejs.dev/config/
+  export default defineConfig({
+    plugins: [
+      react(),
+      
+      viteCompression({
+        algorithm: "brotliCompress",
+        filter: /.(js|mjs|json|css|html|svg)$/i,
+      }),
+    ],
+    build: {
+      outDir: OUTPUT_DIRECTORY,
+      sourcemap: false,
+      rollupOptions: {
+        external: ["fsevents"],
+        output: {
+          manualChunks: {
+            vendor: vendorPackages,
+            ...renderChunks(dependencies),
+          },
+        },
+      },
+    },
+    resolve: {
+      alias: {
+        Components: path.resolve(dirname, "./src/components"),
+        Pages: path.resolve(dirname, "./src/pages"),
+        Utils: path.resolve(dirname, "./src/utils"),
+        Assets: path.resolve(dirname, "./src/assets"),
+        Context: path.resolve(dirname, "./src/context"),
+        Routes: path.resolve(dirname, "./src/routes"),
+        Hooks: path.resolve(dirname, "./src/hooks"),
+        Src: path.resolve(dirname, "./src"),
+      },
+    },
+    server: {
+      port: 3000,
+    },
+  });