[#] WebPack: как внутри устроено Hot Reloading
habrabot(difrex,1) — All
2015-11-17 11:00:04


![][1]Наша платформа voximplant активно использует javascript. С помощью него клиенты управляют в реальном времени звонками, на нем работает наша backend логика и большинство frontend. Javascript мы любим, ценим и стараемся быть в курсе последних новостей. Сейчас наши разработчики активно экспериментируют с перспективной связкой webpack + typescript + react (кстати, для typescript мы сделали [type definitions][2] к нашему web sdk, но об этом как-нибудь в другой раз). Особенно нам нравится «hot module replacement»: возможность при изменении исходников очень быстро отобразить изменения в браузере без перезагрузки страницы. Выглядит как магия. К сожалению, документировано тоже как магия — по словам [eyeofhell][3], нашего технического евангелиста, «пример на офсайте — это уникальная комбинация частных случаев и особых команд, любое изменение в которых делает его неработоспособным». На наш взгляд все не так плохо, за пару вечеров вполне можно разобраться. Но и не так просто, как хотелось бы. Поэтому специально для Хабра под катом мы максимально просто и понятно расскажем как работает под капотом вся эта машинерия. [Открыть попкорн и посмотреть шоу с эвалом и вебсокетами][4]

[1]: https://habrastorage.org/files/5fd/ea4/6f8/5fdea46f8f154af98deed1828873f0e9.jpg
[2]: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/voximplant-websdk
[3]: http://habrahabr.ru/users/eyeofhell/
[4]: http://habrahabr.ru/post/270593/#habracut