Jesús Quintana

@marduke182

@marduke182

Barcelona

Digital Origin

Webpack

What this talk is not

  • Unconditional acceptance of Webpack as our true OVERLORD

  • Webpack course

What this talk is

  • What webpack does?

  • Why we must use webpack?

  • Comparision grunt/gulp (build) vs Webpack/Browserfy (Bundlers)

What is Webpack?

Bundler

Javascript

CSS

HTML

Loaders

Whathever

Why we must use Webpack?

Benefits

  • NPM
  • Pre-processing files
  • Intuitive
  • Dependencies Management

Performance

  • Minification
  • Deduplication
  • Chunks
  • Lazy loading
  • Code Spliting

Comparisons

Grunt/Gulp/Brocoli

  • Concatenate files

  • Processing (SASS, Babel, etc)

  • Wrappers (Karma, uglify, etc)

Webpack / Browserify

  • Bundle is better that concatenation
  • Preprocessing for free only need configuration

  • Use NPM Scripts

You still can use gulp or grunt

but not for everything

Made with Slides.com