init

2025-04-17 18:28:54 +05:30
parent f583291d8a
commit 8825b0410a
2837 changed files with 241385 additions and 127578 deletions
--- a/worklenz-frontend/vite.config.ts
+++ b/worklenz-frontend/vite.config.ts
@@ -0,0 +1,77 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { UserConfig } from 'vite'; // Import type for better auto-completion
+
+export default defineConfig(async ({ command }: { command: 'build' | 'serve' }) => {
+  const tsconfigPaths = (await import('vite-tsconfig-paths')).default;
+
+  return {
+    // **Plugins**
+    plugins: [
+      react(),
+      tsconfigPaths({
+        // Optionally, you can specify a custom tsconfig file
+        // loose: true, // If you're using a non-standard tsconfig setup
+      }),
+    ],
+
+    // **Resolve**
+    resolve: {
+      alias: [
+        // Using an array with objects for clarity and easier management
+        { find: '@', replacement: path.resolve(__dirname, './src') },
+        { find: '@components', replacement: path.resolve(__dirname, './src/components') },
+        { find: '@features', replacement: path.resolve(__dirname, './src/features') },
+        { find: '@assets', replacement: path.resolve(__dirname, './src/assets') },
+        { find: '@utils', replacement: path.resolve(__dirname, './src/utils') },
+        { find: '@services', replacement: path.resolve(__dirname, './src/services') },
+        { find: '@api', replacement: path.resolve(__dirname, './src/api') },
+      ],
+    },
+
+    // **Build**
+    build: {
+      // **Target**
+      target: ['es2020'], // Updated to a more modern target, adjust according to your needs
+
+      // **Output**
+      outDir: 'build',
+      assetsDir: 'assets', // Consider a more specific directory for better organization, e.g., 'build/assets'
+      cssCodeSplit: true,
+
+      // **Sourcemaps**
+      sourcemap: command === 'serve' ? 'inline' : true, // Adjust sourcemap strategy based on command
+
+      // **Minification**
+      minify: 'terser',
+      terserOptions: {
+        compress: {
+          drop_console: command === 'build',
+          drop_debugger: command === 'build',
+        },
+        // **Additional Optimization**
+        format: {
+          comments: command === 'serve', // Preserve comments during development
+        },
+      },
+
+      // **Rollup Options**
+      rollupOptions: {
+        output: {
+          // **Chunking Strategy**
+          manualChunks(id) {
+            if (['react', 'react-dom', 'react-router-dom'].includes(id)) return 'vendor';
+            if (id.includes('antd')) return 'antd';
+            if (id.includes('i18next')) return 'i18n';
+            // Add more conditions as needed
+          },
+          // **File Naming Strategies**
+          chunkFileNames: 'assets/js/[name]-[hash].js',
+          entryFileNames: 'assets/js/[name]-[hash].js',
+          assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
+        },
+      },
+    },
+  };
+});