Webpack for Everyone

Automatic Image Optimization

Episode 13 Run Time 5:37

We can pull in the img-loader loader to apply automatic image optimization to any relevant assets. In this episode, we'll review how to install the loader and then reduce an example image's size in our project by half.

Tags webpack

Publish Date: March 16, 2017

Previous Next

Looking for the archived Disqus comments?

01

Episode 1 Run Time 7:07

Zero Configuration Compilation
02

Episode 2 Run Time 2:37

A Dedicated Configuration File
03

Episode 3 Run Time 7:26

Modules Are Simply Files
04

Episode 4 Run Time 4:51

Loaders Are Transformers
05

Episode 5 Run Time 4:45

ES2015 Compilation With Babel
06

Episode 6 Run Time 3:47

Minification and Environments
07

Episode 7 Run Time 4:24

Sass Compilation
08

Episode 8 Run Time 5:22

Extract CSS to a Dedicated File
09

Episode 9 Run Time 9:52

The Relative URL Conundrum
10

Episode 10 Run Time 4:49

How to Strip Unused CSS
11

Episode 11 Run Time 6:05

Long-Term Caching
12

Episode 12 Run Time 3:39

Webpack Manifests
Episode 13 Run Time 5:37

Automatic Image Optimization
14

Episode 14 Run Time 8:59

Developing Webpack Plugins

Webpack for Everyone

Automatic Image Optimization

Zero Configuration Compilation

A Dedicated Configuration File

Modules Are Simply Files

Loaders Are Transformers

ES2015 Compilation With Babel

Minification and Environments

Sass Compilation

Extract CSS to a Dedicated File

The Relative URL Conundrum

How to Strip Unused CSS

Long-Term Caching

Webpack Manifests

Automatic Image Optimization

Developing Webpack Plugins

Want us to email you occasionally with Laracasts news?