Шаг 2. Выбираем плагины для оптимизации

Для шрифтов нужен fontmin-webpack.

А вот для изображений мы попробуем другой метод оптимизации. Сделаем комбинацию из imagemin-плагинов, продемонстрированных в демо, и других плагинов из документации webpack.

Устанавливаем нужные пакеты:

npm install fontmin-webpack image-minimizer-webpack-plugin imagemin imagemin-gifsicle imagemin-jpegtran imagemin-mozjpeg imagemin-optipng imagemin-pngquant imagemin-svgo -D 

Если команда такой длины не работает, установку можно разбить на несколько частей. Например, вот так:

npm install fontmin-webpack image-minimizer-webpack-plugin imagemin imagemin-gifsicle -D &&
npm imagemin-jpegtran imagemin-mozjpeg imagemin-optipng imagemin-pngquant imagemin-svgo -D 

Любые терминальные команды можно комбинировать между собой с использованием &&.

Одна из причин, почему команда не сработала с большим количеством пакетов — пакетный менеджер запутался, не нашёл один из пакетов и выдал ошибку. Также проблема может быть при вводе — пакеты чувствительны к регистру, поэтому нужно быть внимательнее при работе с терминалом.