Загрузчик postcss webpack, для чего он нужен?

So, PostCSS is a a WP-Loader to process CSS with PostCSS?

Нет.

PostCSS-погрузчик - это WP-Loader, поэтому вы можете обрабатывать CSS с помощью PostCSS внутри Webpack.

т.е. загружает PostCSS в Webpack.

IMHO, that's a circular definition

Это не потому, что PostCSS и PostCSS-загрузчик - разные вещи.

So what is PostCSS, is it a CSSLoader?

Нет. PostCSS - это:

a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.

На самом деле, это не прямой плагин для PostCSS, он работает внутри Webpack. Если вы используете Webpack в своем проекте для объединения модулей, то для использования PostCSS в качестве CSS Preprocessor вы должны использовать postcss-loader и добавить его конфигурации.

Например, вы можете увидеть THIS REPO в папке webpack, есть два файла конфигурации для среды разработки и производства, откройте один из них, не другой, и найдите в нем слово postcss-loader, см. Полный пример этого использования.

PostCSS: используйте плагин JavaScript для преобразования CSS.

Загрузчик PostCSS: обрабатывать CSS с PostCSS внутри Webpack

Пример 1

/* Before */
.example {
  display: flex;
}

/* After */
.example {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

Пример 2:

/* Before */
:root {
  --green: #00ff00;
}

.example {
  color: var(--green);
}

/* After */
h1 {
  color: #00ff00;
}