holyjs HolyJS 2018 Мск (24.11.2018)

Глубокое погружение в webpack

img

Стас расскажет о внутреннем устройстве webpack на примере написания лоадера для работы с SVG-спрайтами.

Комментарий Программного комитета:

Когда мы разбирали черновик этого доклада, мы столкнулись с двумя интересными моментами:

  1. Список инструментов, которые Стас написал, не вошел на один слайд.

  2. Стас нарисовал настолько подробную схему работы webpack, что стало понятно, как же вся эта магия работает.

Эти 2 момента — результат долгих копаний в самых дебрях исходников всеми используемой технологии, результатами которых нельзя не поделиться. После этого доклада становится понятно, как написать плагин к webpack.

Стас расскажет о внутреннем устройстве webpack на примере написания лоадера для работы с SVG-спрайтами. Он рассмотрит основные этапы его работы, покажет, когда нужен лоадер, когда — плагин, как можно наладить связь между ними и зачем она нужна. Также он объяснит, как работают популярные плагины — extract-text-webpack-plugin, html-webpack-plugin, react-styleguidist.