🎨 Refactor code structure

frontend/vite.config.ts

@@ -1,23 +1,50 @@
-import { defineConfig } from 'vite';
+import {defineConfig, loadEnv} from 'vite';
 import vue from '@vitejs/plugin-vue';
 import Components from 'unplugin-vue-components/vite';
 import {PrimeVueResolver} from '@primevue/auto-import-resolver';
 import * as path from 'path';
 
-export default defineConfig({
-  publicDir: './public',
-  base: './',
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, 'src')
+export default defineConfig(({mode}: { mode: string }): object => {
+    const env: Record<string, string> = loadEnv(mode, process.cwd());
+    return {
+        publicDir: './public',
+        base: './',
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, 'src')
+            }
+        },
+        plugins: [
+            vue(),
+            Components({
+                dts: true,
+                dirs: ['src/components'],
+                resolvers: [PrimeVueResolver()],
+            })
+        ],
+        esbuild: {
+            drop: env.VITE_NODE_ENV === 'production' ? ['console', 'debugger'] : [],
+        },
+        build: {
+            outDir: "dist",
+            assetsDir: "assets",
+            assetsInlineLimit: "4096",
+            cssCodeSplit: true,
+            sourcemap: false,
+            minify: "esbuild",
+            write: true,
+            emptyOutDir: true,
+            brotliSize: true,
+            chunkSizeWarningLimit: 1500,
+            watch: null,
+            rollupOptions: {
+                output: {
+                    format: 'es',
+                    chunkFileNames: 'js/[name]-[hash].js',
+                    entryFileNames: 'js/[name]-[hash].js',
+                    assetFileNames: '[ext]/[name]-[hash].[ext]',
+                },
+            }
+        }
     }
-  },
-  plugins: [
-    vue(),
-    Components({
-      dts: true,
-      dirs: ['src/components'],
-      resolvers: [PrimeVueResolver()],
-    })
-  ]
 });