Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 - Ответ на вопрос по РВПЯJS №2495983

Вопрос

Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 минут подготовить окружение для небольшого SPA (Single-Page Application) (ToDo), чтобы (см. ниже):
• быстро запустить dev-сервер с HMR (Hot Module Replacement);
• писать на TypeScript;
• получить оптимизированную прод-сборку позже без ручной настройки Webpack.
Какой вариант действий наиболее уместен?

• Установить webpack, webpack-dev-server, babel-loader, ts-loader, вручную настроить конфиг и запустить dev-сервер
• Использовать Create React App: npx create-react-app my-app и затем включить TypeScript
• Выполнить npm create vite@latest my-app, выбрать шаблон vanilla-ts, затем cd my-app && npm install && npm run dev; для продакшена — npm run build
• Установить только Babel CLI и транcпилировать файлы командой npx babel src --out-dir dist, затем открыть HTML (HyperText Markup Language) напрямую в браузере

Ответ