TypeScript компиляция ts в js.

Добрый день, это канал посвященный небольшим инструкциям, которые я пишу для себя и людей, которые являются начинающими разработчиками.

Сегодня мы поговорим о том, каким образом можно компилировать TS м JS и как конфигурировать эту компиляцию.

Самый простой и верный способ скачать TS с оф сайта.

После установки вы сможете писать команду tsc (если произошла ошибка, то у меня есть статья на эту тему) в консоль и она будет выводить следующее:

Это значит, что теперь вы можете компилировать ваши .ts файлы в .js файлы.

Вы уже можете компилировать свои .ts файлы с помощью команды:

tsc <путь до файла с расширением ts>

У вас получится копия вашего файла, только на JavaScript.

Это был первый способ, он не самый удобный, так как тащит за собой много ненужного самописного кода и компилировать например все рядом с нашим исходным файлом не так круто. Давайте создадим структуру для нашего проекта:

В папке src будет лежать исходный код нашего проекта. В папке build будет билд для нашего проекта. Файл package.json будет хранить зависимости нашего проекта. Файл tsconfig.json должен содержать следующие строки:

{ "compilerOptions": { "outDir": "./build", "allowJs": true, "target": "es5" }, "include": [ "./src/**/*" ] }

Здесь мы пишем конфигурацию для нашей сборки,

• outDir - это директория, в которую будут поступать все итоговые файлы;
• allowJs - значение true говорит о том, что наш компилятор будет принимать js фалы;
• target - к какой версии языка привести итоговый код (тут выбрана ECMAScript 5);
• include - какие фалы необходимо компилировать.

Теперь ваш проект собирается из папки src в папку build при написании в консоль команды:

tsc

Спасибо за прочтение статьи, подписывайтесь и оставляйте комментарии, о чем еще написать.