Export Your CSS with the extract-text-webpack-plugin - Ep. 4

November 6th 2016 | 7.5k views

Learn how to use the extract-text-webpack-plugin, combined with webpack, to export your CSS into a separate file.

By default, CSS loaders for webpack will inline your CSS rather than placing it within a separate CSS file. This is good for page speed, but only if the amount of CSS you’re using is very minimal. When the amount of CSS you’re using starts to grow, inline CSS can cause flashes of unstyled content, and slow down your site since it can’t be cached. Follow along step by step as I take you through what would be a time consuming task.

Git Repo So You Can Follow Along: