Главная > JavaScript > TypeScript: система модулей и их загрузка

TypeScript: система модулей и их загрузка

18.12.2018 0 коммент. » Просмотры: 349

Typescript

TypeScript имеет 5 доступных систем модулей и три загрузчика..

Системы модулей:

  • AMD (Asynchronys Module Defenition)
  • CommonJS
  • UMD (Universal Module Defenition)
  • System
  • ES 2015

При компиляции систему модулей нужно указать параметром --module

После того как JS код будет скомпилирован, в HTML необходимо добавить соответствующий загрузчик.

Загрузчики:

  • RequireJS: используется для загрузки AMD (Asynchronys Module Defenition)
  • Browserify: использует синтаксис CommonJS
  • SystemJS: универсальный загрузчик, может применяться для модулей любого типа

Например, мы использовали систему модулей AMD. Скомпилировали код через

Теперь в случае, если просто подключить только main.js на html страницу

в консоли появится ошибка

Для того, чтобы скомпилированный код работал корректно, нужно подключить require.js и указать в нем главный скрипт

Здесь в аттрибуте data-main, указываем путь к нашему скомпилированному скрипту без расширения js, т.е. main.js -> data-main="main"

Автор: | Рейтинг: 4/5 | Теги: ,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Разрешены HTML-теги: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>