jspm-это менеджер пакетов для браузера

jspm-это менеджер пакетов для браузера

702

jspm-это менеджер пакетов для SystemJS, сформированных на базе ES6 модуль загрузчика
Также дозволяет применять любые неординарные источники модулей, реализуемых через API реестра Вы сможете скачать все форматы модулей (ES6, от AMD , CommonJS и глобальные переменные) конкретно от нпм либо github для управления зависимостями.
В разработке: ES6 загружает модули в виде отдельных файлов, и компилирует их в прямо в браузере
В производстве: сборка модулей в одну либо наиболее пачки, с одной командой для всего приложения

Начнем
Установить jspm кинк
нпм установить jspm-г

Создание проекта
мой компакт-проекта
нпм установить jspm
Это дозволит сохранить поведение вашего приложения в случае, раз глобальный jspm обновление. рекомендуется также установить локально jspm для того, чтоб поправить Версия для этого проекта. Для доказательства локальные версии запустить jspm-с V
Созидатель конфигурацию для новейшего проекта:
[да]:
Вы бы желали jspm в качестве префикса jspm пакет.Формат json характеристики под jspm? [да]:
Введите клиента параметр baseurl (общих папок, URL-адресок) [/]:
Что ES6 transpiler желали бы вы применять Трейсер либо Бабеля? [да]:
Введите сервер параметр baseurl (общей папки путь) [.]:
Введите jspm пакеты папки [./jspm_packages]:
Введите путь к файлу конфигурации [./config.js]:
Конфигурационный файл config.js не существует, сделать его? jspm инициализации

Пакет.json-файл не существует, сделать его? [трейсер]:
Также jspm init запускается автоматом, раз вы установите jspm в пустой проект. это создаст файл пакета.конфигурации json файл.

параметр baseurl — путь к корневой папке вашего http-сервера (публичных) относительно файла пакета.Формат json. По умолчанию это та же папка где сам пакет.Формат json.
jspm пакеты папку — папку, в которой jspm для установки каких-или наружных зависимостей.
Путь к файлу конфигурации — файл конфигурации для вашего приложения. Должны быть размещены в baseurl и включены в систему контроля версий.
Клиент как baseurl — URL-адресок общей папки для браузера
Transpiler — употребляется transpirer. Эта функция может быть изменена в хоть какой момент по команде jspm дл-погрузчик —Бабель (по умолчанию трейсер). Для наиболее узкой опции, вы сможете найти babelOptions и traceurOptions

Раз вы когда-нибудь пригодится поменять хоть какой из этих характеристик — вы сможете впрямую редактировать пакет.json и приложение будет подбирать новейшие характеристики при запуске jspm установить либо jspm инициализации.
Установите все пакеты из репозитория jspm, github либо нпм
jspm установить нпм:lodash-узел
jspm установите github:составляющие/библиотека jQuery
jspm нужна библиотека jQuery
jspm установить имя myname=нпм:подчеркивание
Установка пары пакетов можно объединить в одну строчку, разбитые пробелами
Хоть какой пакет нпм либо github, вы сможете установить этот путь.
Более npm-пакеты инсталлируются без каких-или доп опций. Это разъясняется тем, что репозиторий нпм применяет преобразование на базе системы зависимостей узел требуют (от переводчика — мы имеем в виду его) — это делает узел и пакеты в нпм стиль совместим с jspm.
Пакетов на github может быть, нордост в некие конфигурации перед внедрением в jspm (см., англ.)
Это безупречное решение для тех, кто употребляет систему контроля версий, и не желает ставить посторонние пакеты в собственный репозиторий. Имена всех установленных пакетов хранятся в пакете.в json — таковым образом в папке jspm_packages и конфигурационный файл может быть на сто процентов восстановлен с помощью одной команды jspm установить.
В файл config.js помещены сведения о версиях зависимостей и номера версии Исправлена — так что незачет config.js становится замок версий — и он должен быть добавлен в систему управления версиями (от переводчика — аналогом рельсы файле.замок)
Написать код приложения
Сейчас вы сможете начать создавать отдельные модули (в том числе ES6 модуль формата), к примеру в папку lib:
lib/bootstrap.js
импорт _ от «lodash-узел/современный/Ланг/равен’;
импорт $ от ‘библиотека jQuery’;
импорт подчеркивания ‘моеимя’;

экспорт функции исходной загрузки() {
// загрузочный код тут
}
lib/main.js
импорт {загрузочный} от ‘./исходной загрузки’;
способ bootstrap();
Запустите наше приложение
HTML-страничка обязана включать загружается автоматом при инициализации jspm — SystemJS загрузчик и конфигурационный файл, а потом импортировать в основной модуль приложения:
<!элемент doctype в HTML>
<скрипт срц=»jspm_packages/системы.с JS»></скрипт>
<скрипт срц=»конфиг.с JS»></скрипт>
<скрипт>
Системы.импорт(‘lib в/основная»);
</скрипт>
запустить локальный сервер и взгляни на нашу страничку.
Сборки для производства
вставить jspm пачка либ/главные … Выполните последующую команду в консоли и обновить страничку в браузере.
Альтернативно, вы сможете применять
jspm пачке-SFX архив lib в/основная

это дозволит сделать единый файл всего приложения, который может употребляться в теге скрипта, без использования config.js и system.js Все наши приложения был поставлен совместно в одной bundle.js.
Еще по теме

Видео скринкастов и презентаций

СтатьяJavaScript-модулей и зависимостей с jspm
JavaScript в 2015
http://jspm.io/ habrahabr.ru