webpack for WordPress

WordCamp Oslo 2018

Transcript

1. webpack for WordPress Nate Conley WordCamp Oslo 2018
2. 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
3. About this talk High-level Assuming you have worked with Node/NPM Talk about some webpack basics Talk about WordPress specifics
4. 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.
5. 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
6. 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!
7. Let’s address the elephant in the room
9. but wait… webpack is improving!
10. #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!
11. Let’s look at some code! https://github.com/nateconley/webpack-for-wordpress https://github.com/nateconley/modern-starter-theme
12. Who to follow Webpack Medium: https://medium.com/webpack Sean Larkin: https://twitter.com/TheLarkInn Tobias Koppers: https://twitter.com/wSokra
13. Questions?