0Pricing
TypeScript Academy · Урок

Настройка модулей и целевой среды

Выбирайте правильные параметры module, target и lib

«Настройка модулей и целевой среды» — бесплатный урок TypeScript Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения TypeScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс TypeScript Academy содержит 4 уроков всего.

Добро пожаловать

Параметры module и target в tsconfig определяют, в какой синтаксис JavaScript TypeScript компилирует код.

Параметр target

target определяет, какие возможности синтаксиса JavaScript будут сгенерированы. ES2020 — безопасное современное значение по умолчанию.
{ "compilerOptions": { "target": "ES2020" } }

Распространённые значения target

ES5 — для устаревших браузеров. ES2020+ — для современных сред. ESNext — для самых новых возможностей.

Параметр module

module определяет систему модулей в сгенерированном JS: commonjs, ES2020, NodeNext или bundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Определяет, как TypeScript находит модули. Для современных проектов используйте node16 или bundler.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Позволяет использовать импорты по умолчанию из модулей CommonJS без синтаксиса * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Параметр lib

lib указывает, какие встроенные API доступны, например DOM и ES2020.
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Гарантирует, что каждый файл можно транспилировать независимо — это требуется esbuild и Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Требует использовать import type для импортов, содержащих только типы. Заменяет устаревший параметр importsNotUsedAsValues.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Параметр jsx

В проектах React задайте для jsx значение react-jsx или react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Позволяет импортировать JSON-файлы с выводом типов.
{ "compilerOptions": { "resolveJsonModule": true } }

Быстрая проверка

Что определяет параметр `target` в tsconfig?

Итоги

Настройка module и target: вы освоили основные понятия и паттерны.

Часто задаваемые вопросы

Урок «Настройка модулей и целевой среды» бесплатный?

Да — полный текст урока «Настройка модулей и целевой среды» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс TypeScript Academy, подпишись на CoddyKit PRO. Курс TypeScript Academy содержит 4 уроков всего.

Чему я научусь в уроке «Настройка модулей и целевой среды»?

Выбирайте правильные параметры module, target и lib Ты практикуешь TypeScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать TypeScript Academy?

Предыдущий опыт не требуется. TypeScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.

Сколько времени занимает урок «Настройка модулей и целевой среды»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке TypeScript Academy?

Да. Каждый урок TypeScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Флаг strict и его возможности
  2. Настройка модулей и целевой среды
  3. Псевдонимы путей и baseUrl
  4. Инкрементальные сборки и файлы объявлений
← Назад к TypeScript Academy