Download to read offline
![JSPM $ npm i jspm [-g] $ ./node_modules/.bin/jspm init $ jspm i react $ jspm inspect | grep react
> npm:react 15.4.2](https://image.slidesharecdn.com/random-170328112452/75/JS-Lab2017_-_System-js-jspm-29-2048.jpg)
Uploaded byGeeksLab Odessa
JS Lab2017_Сергей Селецкий_System.js и jspm
Документ описывает использование системы модулей JavaScript, включая systemjs и jspm, а также процесс конфигурации проекта без использования webpack. Обсуждаются методы интеграции различных библиотек и возможностей для работы с различными форматами модулей. Автор делится опытом и примерами, касающимися разработки фронтенда и бэкенда с использованием современных технологий.
JS Lab2017_Сергей Селецкий_System.js и jspm
- 1. JSPM ИЛИ КАК ОБОЙТИСЬ БЕЗWEBPACK’А СЕРГЕЙ СЕЛЕЦКИЙ @SSELETSKYY
- 2.
- 3. О ЧЕМ МЫПОГОВОРИМ • Кто я. Где я. И почему. • Что такое SystemJS и jspm • Как сконфигурировать проект • Пишем только на ES6 • Модульная сборка против bundle-sfx
- 4. Кто я Frontend (React)developer - сейчас Full stack (Ruby,JS) TL - с 2012г Java, PHP, C++, Delphi - до 2012г
- 5. Кто я Ruby TLReact/Redux dev
- 6. Кто я Ruby TLReact/Redux dev Lohika Internal Training Program
- 7. Lohika Internal TrainingProgram Главная задача - сделать блог Какие использовать библиотеки? it’s up to you!
- 8. Lohika Internal TrainingProgram Главная задача - сделать блог Backend API - NodeJS Frontend Vanilla JS (ver 1) Frontend React/Redux (ver 2) Libs: express, jade/pug, sequelize, SQL
- 9. Lohika Internal TrainingProgram Главная задача - сделать блог Backend API - NodeJS Frontend Vanilla JS (ver 1) Frontend React/Redux (ver 2) Libs: handlebars, lodash, text
- 10. Lohika Internal TrainingProgram Главная задача - сделать блог Backend API - NodeJS Frontend Vanilla JS (ver 1) Frontend React/Redux (ver 2) Libs: redux-thunk, lodash
- 11.
- 12. SystemJS АСИНХРОННЫЙ ЗАГРУЗЧИК JS МОДУЛЕЙЛЮБЫХ ИЗВЕСТНЫХ ФОРМАТОВ
- 13. SystemJS ОНО СКАЧИВАЕТ ЛЮБЫЕES6 ФАЙЛИКИ И ПОДГОТАВЛИВАЕТ ИХ ДЛЯ РАБОТЫ В НЕСМЫШЛЕНОМ БРАУЗЕРЕ
- 14.
- 15.
- 16.
- 17.
- 18. SystemJS ESM CJS AMD GLOBAL SYSTEM ECMAScript Module CommonJS Async ModuleDefinition свят-свят
- 19. SystemJS ESM CJS AMD GLOBAL SYSTEM ECMAScript Module CommonJS Async ModuleDefinition свят-свят System.register(Dynamic)
- 20. SystemJS ESM CJS AMD GLOBAL SYSTEM ECMAScript Module CommonJS Async ModuleDefinition свят-свят System.register(Dynamic) Web Assembly ! Экспериментальная поддержка в версии 0.20
- 21.
- 22. SystemJS ДЕПИЛЯЦИЯ ТРАНСПИЛЯЦИЯ ПРЯМО ВБРАУЗЕРЕ Traceur Babel TypeScript
- 23. Browser Development В такомвиде подгружает модули всех форматов
- 24. Browser Production В такомвиде подгружает только модули предварительно подготовленные в формат System.register
- 25. Browser Production В такомвиде подгружает только модули предварительно подготовленные в формат System.register И тут без Webpack’a не обойтись! Шутка
- 26.
- 27. JSPM Менеджер пакетов дляSystemJS Загружает пакеты из npm и Github Есть CLI для установки пакета по принципу `npm i` Глобальный реестр http://jspm.io package.json используется для регистрации пакетов
- 28. JSPM baseURL — путьк папке public относительно package.json. jspm_packages — папка куда jspm будет устанавливать все внешние зависимости. config.js — основной файл настроек в папке baseURL. Client baseURL — URL папки public для браузера Transpiler — используемый транспайлер. (по умолчанию babel).
- 29. JSPM $ npm ijspm [-g] $ ./node_modules/.bin/jspm init $ jspm i react $ jspm inspect | grep react > npm:react 15.4.2
- 32.
- 33.