Основы TypeScript: компилятор TypeScript (tsc) и tsconfig.json

Понимание опций и конфигураций компилятора очень важно для оптимизации рабочего процесса TypeScript. Присоединяйтесь к нам, чтобы узнать о различных опциях компилятора, значении tsconfig.json и о том, как использовать эти инструменты для оптимизации процесса TypeScript разработки.

Компилятор TypeScript (tsc)

1. Что такое tsc

tsc — это компилятор TypeScript. Он принимает TypeScript код (файлы .ts или .tsx) и компилирует его в JavaScript код (файлы .js), который может быть выполнен средой выполнения JavaScript.

2. Как установить tsc

Вы можете установить tsc глобально с помощью npm (Node Package Manager/Менеджер пакетов Node), выполнив команду:

npm install -g typescript

3. Компиляция TypeScript кода

После установки tsc вы можете компилировать TypeScript файлы, выполнив следующую команду в терминале:

tsc yourfile.ts

4. Параметры компилятора

tsc поставляется с различными параметрами компилятора, позволяющими настроить процесс компиляции. Например:

tsc - target ES5 - outDir ./dist

Эта команда устанавливает целевую версию ECMAScript на ES5 и указывает каталог для вывода .js файлов как ./dist.

tsconfig.json

1. Что такое tsconfig.json

tsconfig.json — это файл конфигурации для проектов TypeScript. Он позволяет указать параметры компилятора, включить/исключить файлы и настроить другие параметры для вашего TypeScript-проекта.

2. Создание файла tsconfig.json

Вы можете создать файл tsconfig.json вручную в корне проекта или использовать команду tsc --init для генерации базового файла конфигурации.

3. Параметры компилятора в tsconfig.json

В tsconfig.json могут быть включены различные параметры компилятора. К числу распространённых относятся:

• compilerOptions: Определяет параметры компилятора.
• include: Указывает массив шаблонов файлов для включения в компиляцию.
• exclude: Указывает массив шаблонов файлов, которые нужно исключить из компиляции.
• extends: Позволяет расширить другой конфигурационный файл.

4. Пример tsconfig.json

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

Этот пример устанавливает целевое значение ES5, систему модулей — CommonJS, каталог для вывода — ./dist, включает все файлы TypeScript в каталог src и исключает каталог node_modules.

Использование tsconfig.json позволяет поддерживать согласованную конфигурацию во всем проекте TypeScript и упрощает процесс компиляции, избавляя от необходимости указывать опции при каждом запуске команды tsc.

Основы TypeScript

1. Основы TypeScript: компилятор TypeScript (tsc) и tsconfig.json
2. Основы TypeScript: JavaScript в сравнении с TypeScript
3. Основы TypeScript: Примитивы и базовые типы
4. Основы TypeScript: Неявные и Явные типы, Утверждения типов
5. Основы TypeScript: Создание типов, перечислений и интерфейсов
6. Основы TypeScript: Объединение, Литеральные и Размеченные типы
7. Основы TypeScript: Типизация функций и сигнатур
8. Основы TypeScript: Any, Void, Never, Null, Строгие проверки Null
9. Основы TypeScript: ООП практика, классы и наследование