Компиляция кода TypeScript в командной строке (CMD) — фундаментальный шаг в процессе разработки. В этой статье блога мы рассмотрим несколько методов компиляции файлов TypeScript с использованием CMD, сопровождаемых примерами кода. Независимо от того, являетесь ли вы новичком или опытным разработчиком, это руководство предоставит вам различные варианты эффективной компиляции проектов TypeScript.

Метод 1: использование команды tsc
Компилятор TypeScript tsc — это мощный инструмент, позволяющий компилировать код TypeScript в JavaScript. Чтобы скомпилировать файл TypeScript в CMD, выполните следующие действия:

Шаг 1. Откройте командную строку.
Шаг 2. Перейдите в каталог, содержащий файл TypeScript, с помощью команды cd.
Шаг 3. Выполните следующую команду, чтобы скомпилировать файл TypeScript. Файл TypeScript:

tsc filename.ts

Замените filenameна фактическое имя вашего файла TypeScript.

Метод 2: компиляция нескольких файлов TypeScript
Если у вас есть несколько файлов TypeScript, которые зависят друг от друга, вы можете скомпилировать их все вместе, выполнив следующие действия:

Шаг 1. Откройте командную строку.
Шаг 2. Перейдите в каталог, содержащий файлы TypeScript, с помощью команды cd.
Шаг 3. Создайте tsconfig.jsonв корневом каталоге вашего проекта. Этот файл определяет параметры компиляции для ваших файлов TypeScript. Вот пример файла tsconfig.json:

{
  "compilerOptions": {
    "outDir": "dist",
    "target": "es5",
    "module": "commonjs",
    "sourceMap": true
  },
  "include": ["src//*.ts"]
}

Шаг 4. Выполните следующую команду, чтобы скомпилировать все файлы TypeScript, указанные в файле tsconfig.json:

tsc

Эта команда скомпилирует все файлы TypeScript в указанном каталоге и выведет полученные файлы JavaScript в каталог dist.

Метод 3: использование инструмента сборки (например, Gulp, Grunt)
Инструменты сборки, такие как Gulp и Grunt, предоставляют мощные возможности автоматизации проектов TypeScript. Вот пример использования Gulp:

Шаг 1. Установите Gulp глобально, выполнив следующую команду:

npm install -g gulp

Шаг 2. Создайте gulpfile.jsв корневом каталоге вашего проекта со следующим содержимым:

const gulp = require('gulp');
const typescript = require('gulp-typescript');
gulp.task('compile', function () {
  const tsProject = typescript.createProject('tsconfig.json');
  return tsProject.src()
    .pipe(tsProject())
    .js.pipe(gulp.dest('dist'));
});

Шаг 3. Откройте командную строку, перейдите в каталог проекта и выполните следующую команду для компиляции файлов TypeScript с помощью Gulp:

gulp compile

Эта команда скомпилирует файлы TypeScript на основе конфигурации, указанной в файле tsconfig.json.

Компиляция TypeScript в CMD — важный шаг для создания надежных приложений JavaScript. В этой статье мы рассмотрели три различных метода: использование команды tsc, компиляцию нескольких файлов с конфигурацией tsconfig.json и использование инструментов сборки, таких как Gulp. Следуя этим методам, вы сможете эффективно скомпилировать проекты TypeScript и раскрыть весь потенциал статической типизации TypeScript и современных функций JavaScript.

Не забудьте выбрать метод, который лучше всего соответствует требованиям вашего проекта и рабочему процессу разработки. Приятного кодирования!