2014-10-04 03 Артем Павлов. Сборка фронтенда на лету
DESCRIPTION
Зачем и как делать сборку фронтенда в приложенииTRANSCRIPT
![Page 1: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/1.jpg)
WOW
Such watchifyMuch browserify
![Page 2: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/2.jpg)
Сборка фронтенда на лету
(и еще несколько приятных штук)
![Page 3: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/3.jpg)
Зачем вообще разбирать?
![Page 4: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/4.jpg)
Удобно, когда все по полочкам
![Page 5: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/5.jpg)
Принцип рабитых окон
> 9000
![Page 6: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/6.jpg)
А собирать-тозачем?
![Page 7: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/7.jpg)
HTTP давольно стар
Одно соединение — один файл
SPDY слабо распространен
Файлы загружаюсяасинхронно
![Page 8: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/8.jpg)
RequireJS хорош, но...
Асинхронность редко бывает нужнаМногословная нотация AMDНеудобная конфигурация
![Page 9: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/9.jpg)
Можно лучше: Browserify
Нотация CommonJSПроще подключать легаси-модулиПроще собирать
![Page 10: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/10.jpg)
Дальше — больше
Системы сборки позволяют:● следить за изменениями● перезагружать браузер● показывать уведомления● использовать линтеры● ...
![Page 11: 2014-10-04 03 Артем Павлов. Сборка фронтенда на лету](https://reader034.vdocuments.pub/reader034/viewer/2022042700/557fa8dfd8b42ad60b8b4f7f/html5/thumbnails/11.jpg)
/Gr?u(n|l)(t|p)/
Преимущества Gulp● скорость● потоковая передача данных● пишешь код, а не конфиги