diff --git a/vite.config.js b/vite.config.js index f35b4e7..7d8506c 100644 --- a/vite.config.js +++ b/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 + }, });