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
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