HEY WEBPACKANDREW M.

JEDI PADAWAN

BASIC INFO▸ Сборка всего …

▸ Инспекция кода

▸ Очень гибкая настройка

▸ ES6 модули, commonJS, AMD

▸ Загрузчики

▸ Плагины

▸ Обширная экосистема с огромным API

▸ Горячее обновление кода

JEDI PADAWAN

RUN & CLI

▸ webpack

▸ webpack ––progress ––colors

▸ webpack -d # source map

▸ webpack –p # minification

▸ webpack –w || ––watch

JEDI PADAWAN

WELCOME TO THE CLUB

- webpack

- babel-loader

- babel-preset-es2015

JEDI PADAWAN

WEBPACK FTW

JEDI PADAWAN

STYLESHEETS AND IMAGES

JEDI PADAWAN

LOADERS

JEDI PADAWAN

DEV-SERVER & HMR

https://github.com/alrighty/vanillajs-boilerplate

https://github.com/gaearon/react-transform-boilerplate

JEDI KNIGHT

ANALYSE TOOL

https://webpack.github.io/analyse/

WHAT ABOUT COMMON CODE?

JEDI KNIGHT

JEDI KNIGHT

CSS W/ WEBPACK

▸ CSS Loaders

▸ extract-text-webpack-plugin

JEDI KNIGHT

EXTRACT-TEXT-WEBPACK-PLUGIN

CODE SPLITTING

JEDI KNIGHT

CODE SPLITTING

JEDI MASTER

PRELOADERS & POSTLOADERS

JEDI MASTER

ALIASES

https://webpack.github.io/docs/resolving.html#aliasing

https://webpack.github.io/docs/configuration.html#resolve-alias

JEDI MASTER

MULTIPLE BUILDS

https://www.npmjs.com/package/webpack-merge

JEDI MASTER

USE NPM SCRIPTS, LUKE

BB

RESOURCES

▸ https://webpack.github.io/

▸ https://github.com/petehunt/webpack-howto

▸ http://jonathancreamer.com/advanced-webpack-part-1-the-commonschunk-plugin/

SEE YA@R3NYA