Чтобы запустить сборку и проверку кода с помощью линтера в режиме "watch" в проекте с Vite, вам нужно настроить скрипты таким образом, чтобы они работали параллельно и не блокировали друг друга. Использование оператора `&&` приводит к тому, что следующий скрипт не будет выполняться, если предыдущий завершится. Вместо этого вам следует использовать пакет, который поддерживает запуск нескольких скриптов параллельно, например, `npm-run-all` или `concurrently`.
Вот как вы можете модифицировать свой скрипт для разработки с использованием `concurrently`:
1. Установите `concurrently`, если он еще не установлен:
```bash
npm install concurrently --save-dev
```
2. Затем обновите скрипты в вашем `package.json` следующим образом:
```json
{
"scripts": {
"lint": "eslint .", // ваша команда линтинга
"build": "vite build", // команда для сборки
"tsc": "tsc --watch", // команда для компиляции TypeScript
"dev": "concurrently \"vite\" \"npm run lint -- --watch\" \"npm run tsc\""
}
}
```
В этом примере:
- `vite` запускает сервер разработки Vite.
- `npm run lint -- --watch` запускает линтер в режиме "watch".
- `npm run tsc` запускает TypeScript компиляцию в режиме "watch".
Теперь, когда вы выполните `npm run dev`, все три процесса будут работать параллельно, и консоль будет оставаться активной.
Убедитесь, что все ваши скрипты настроены правильно и что они работают так, как вы ожидаете. Если у вас возникнут конфликты с выводом в консоль, вы можете использовать флаг `--names` в `concurrently` для обозначения имен процессов, чтобы было легче отслеживать, какой процесс выдает сообщения.