webpack for WordPress Nate Conley WordCamp Oslo 2018 

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 

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

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. 

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 

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! 

Let’s address the elephant in the room 

No content

but wait… webpack is improving! 

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

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

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

Questions?