Slide 1

Slide 1 text

webpack for WordPress Nate Conley WordCamp Oslo 2018

Slide 2

Slide 2 text

Developer at Pixel Jar, a WordPress-driven agency based in Southern California Some of the work we do: - Custom websites, with custom themes and plugins - Highly Customized Beaver Builder Sites - Premium Plugins We have started using webpack for every type of project! I’m Nate

Slide 3

Slide 3 text

About this talk High-level Assuming you have worked with Node/NPM Talk about some webpack basics Talk about WordPress specifics

Slide 4

Slide 4 text

What is webpack? webpack is an asset bundler At its core, webpack is a tool for using JavaScript modules. webpack has an extensive ecosystem of loaders and plugins, making it do almost everything you might need it to do.

Slide 5

Slide 5 text

Why use webpack? webpack is a tool for building better websites, therefore building a better web. We want users to have great experiences We want to improve the web

Slide 6

Slide 6 text

Why webpack? webpack lets you do two things really well: - optimized builds - great development experience webpack makes working with modern frameworks and libraries easier. Gutenberg development is made easier!

Slide 7

Slide 7 text

Let’s address the elephant in the room

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

but wait… webpack is improving!

Slide 10

Slide 10 text

#0CJS - Zero Configuration JS v4 of webpack is AMAZING! A config file isn’t required. Your config files can be much simpler. Provides many optimizations out-of-the-box!

Slide 11

Slide 11 text

Let’s look at some code! https://github.com/nateconley/webpack-for-wordpress https://github.com/nateconley/modern-starter-theme

Slide 12

Slide 12 text

Who to follow Webpack Medium: https://medium.com/webpack Sean Larkin: https://twitter.com/TheLarkInn Tobias Koppers: https://twitter.com/wSokra

Slide 13

Slide 13 text

Questions?