vite.config.js

@@ -1,18 +1,29 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
-import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react';   // Подключите плагин React
+import { globbySync } from 'globby';        //Пакет для универсального указания файлов разлиных модулей
+
+// Ищем все JS/CS точки входа во всех модулях
+const moduleEntries = globbySync([
+  'Modules/*/resources/js/app.{jsx,tsx}',   // Все app.jsx и app.tsx в подпапках Modules
+  'Modules/*/resources/css/app.css',        // Все app.css
+]);
 
 export default defineConfig({
-    plugins: [
-        laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js'],
-            refresh: true,
-        }),
-        tailwindcss(),
-    ],
-    server: {
-        watch: {
-            ignored: ['**/storage/framework/views/**'],
-        },
-    },
+  plugins: [
+    laravel({
+      // Укажите входные точки
+      input: [
+        'resources/css/app.css', 
+        'resources/js/app.tsx',
+        //Благодаря переменной ниже, мы можем не указывать каждый входной jsx и css скрипты для каждого модуля
+        ...moduleEntries,
+      ],
+      refresh: true,
+    }),
+    react(),    // Подключаем плагин React
+  ],
+  esbuild: {
+    loader: 'tsx',    // Важно для обработки TypeScript
+  },
 });