Введение в TypeScript в Vite

Файл TypeScript Vite переводит в обычный JavaScript сам, без отдельного сборщика.

Расширение ts говорит, что в модуле можно писать аннотации типов и другой синтаксис, который браузер напрямую не понимает. Сервер разработки и команда сборки проходят по тому же графу, что и для src/main.js: index.html по-прежнему подключает точку входа тегом script с типом module. Отличие только в пути к файлу с расширением ts.

Перевод синтаксиса не равен проверке типов. Vite снимает типы и отдаёт странице обычный JavaScript, но не останавливается, если типы не сходятся. Ошибка в аннотации не мешает открыть вкладку http://localhost:5173 и не блокирует npm с подкомандой run и именем build. Так удобно быстро смотреть результат в браузере, но отдельный шаг нужен там, где важна строгость типов.

Отдельный компилятор TypeScript в проект ставят пакетом и запускают своей командой. Сборка в dist по-прежнему делает Vite: она складывает модули, обновляет index.html и добавляет хеш в имена файлов, как при работе с JavaScript. Публикация по-прежнему опирается на знакомую сборку: модули, html и каталог dist. Перевод синтаксиса TypeScript и строгая проверка типов остаются разными шагами, и каждый из них можно включать в рабочий цикл отдельно.